{dede:field.typename/}資訊

探知 • 創造美(měi)好

不斷超越客戶的(de)期望值,源自我們對(duì)這(zhè)個(gè)行業的(de)熱(rè)愛(ài)

網站制作中電腦(nǎo)手機端圖片自适應解決方法

來(lái)源:網站建設觀點 - 遠(yuǎn)策科技 | 2021-11-05

網站電腦(nǎo)手機端圖片自适應解決方法隻需要找到手機端對(duì)應的(de)CSS文件。将圖片的(de)寬度屬性設爲100%即可(kě),至此問題解決。通(tōng)過外圍p的(de)class精确控制。


99


比如:

<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)。


多(duō)一份參考,總有益處

131-1155-0088 / 159-3167-7513

遠(yuǎn)策 - 建站推廣一站式服務

您可(kě) 微信掃碼 或 撥打電話(huà) 咨詢
在線咨詢 稍後再說

131-1155-0088