【前端100問】Q60:已知如下代碼,如何修改才能讓圖片寬度爲 300px ?注意下面代碼不可修改。

寫在前面

此係列來源於開源項目:前端 100 問:能搞懂 80%的請把簡歷給我
爲了備戰 2021 春招
每天一題,督促自己
從多方面多角度總結答案,豐富知識
已知如下代碼,如何修改才能讓圖片寬度爲 300px ?注意下面代碼不可修改。
簡書整合地址:前端 100 問

正文回答

題目
<img src="1.jpg" style="width:480px!important;”>
回答
img {
  max-width: 300px;
}

/* or */
img {
  transform: scale(0.625, 0.625);
}

/* or */
img {
  box-sizing: border-box;
  padding: 0 90px;
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章