今天一個朋友向武林網小編請教說,他公司網站圖片手機端不能自適應,很不美觀,叫小編幫忙看看。
經過武林網小編研究發現,問題其實很簡單。
找到對應的CSS文件。將圖片的寬度屬性設為100%即可,至此問題解決。
img {
border: 0;
width: 100%;【此為武林網小編多加的】
display: block;
	}
	這樣也有一個問題,全部手機站里的圖片寬度都成width:100%了。
	可以通過外圍div的class精確控制。
	比如:
	<div class='test'>
	<img src='手機站展示的圖片路徑'/>
	</div>
	則可以這樣定義:
	.test img{width: 100%  !important; height:auto  !important;}
	 上面的!important表示強調優先級別。因為有些圖片格式是自帶寬高限制的。
	完美。。
新聞熱點
疑難解答