來(lái)源:網站建設觀點 - 遠(yuǎn)策科技 | 2021-11-05
網站電腦(nǎo)手機端圖片自适應解決方法隻需要找到手機端對(duì)應的(de)CSS文件。将圖片的(de)寬度屬性設爲100%即可(kě),至此問題解決。通(tōng)過外圍p的(de)class精确控制。
比如:
<p class='test'>
<img src='手機站展示的(de)圖片路徑'/>
</p>
則CSS可(kě)以這(zhè)樣定義:
.test img{width: 100% !important; height:auto !important;}
或者
.test img{max-width: 100%; height: auto!important;}
上面的(de)!important表示強調優先級别。因爲編輯器上傳的(de)圖片是自帶寬高(gāo)限制的(de)。