微信掃碼 立即咨詢

不斷超越客戶的期望值,源自我們對(duì)這個(gè)行業(yè)的熱愛
來源:網(wǎng)站建設(shè)觀點(diǎn) - 遠(yuǎn)策科技 | 2021-11-05
網(wǎng)站電腦手機(jī)端圖片自適應(yīng)解決方法只需要找到手機(jī)端對(duì)應(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)先級(jí)別。因?yàn)榫庉嬈魃蟼鞯膱D片是自帶寬高限制的。