在編寫網頁時,如果圖片大小事先是未知的,如果圖片過大的話,會影響的網頁中其他塊的結構

使用css可以將圖片的大小調整到一個固定的值

#mian img{
 max-170px;
 170px;
 expression(document.body.clientWidth>170?"170px":"auto");
 max-height:180px;
 height:180px;
 height:expression(document.body.clientWidth>180?"180px":"auto");
 overflow:hidden;
}

在如下html代碼中

<div id = "maim">
<!--
在mian樣式的塊中img標簽圖片的大小會被固定在170px*180px
-->
<img src="01.jpg">
</div>

如果圖片的大小是事先未知的,這樣設置可以使,圖像的大小固定,從而不影響網頁中其他塊的結構

總結

以上是生活随笔為你收集整理的使用css 实现图片自适应大小的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。