微信掃碼 立即咨詢

不斷超越客戶的期望值,源自我們對這個行業(yè)的熱愛
來源:網(wǎng)站建設(shè)觀點 - 遠(yuǎn)策科技 | 2021-11-05
網(wǎng)站電腦手機(jī)端圖片自適應(yīng)解決方法只需要找到手機(jī)端對應(yīng)的CSS文件。將圖片的寬度屬性設(shè)為100%即可,至此問題解決。通過外圍p的class精確控制。
比如:
<p class='test'>
<img src='手機(jī)站展示的圖片路徑'/>
</p>
則CSS可以這樣定義:
.test img{width: 100% !important; height:auto !important;}
或者
.test img{max-width: 100%; height: auto!important;}
上面的!important表示強(qiáng)調(diào)優(yōu)先級別。因為編輯器上傳的圖片是自帶寬高限制的。