在編寫網(wǎng)頁時(shí),如果圖片大小事先是未知的,如果圖片過大的話,會(huì)影響的網(wǎng)頁中其他塊的結(jié)構(gòu)

使用css可以將圖片的大小調(diào)整到一個(gè)固定的值

#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標(biāo)簽圖片的大小會(huì)被固定在170px*180px
-->
<img src="01.jpg">
</div>

如果圖片的大小是事先未知的,這樣設(shè)置可以使,圖像的大小固定,從而不影響網(wǎng)頁中其他塊的結(jié)構(gòu)

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。