使用CSS Expression屬性防止圖片過(guò)大撐破網(wǎng)頁(yè)
2018-11-01 來(lái)源：學(xué)做網(wǎng)站論壇
問(wèn)：老師你好，我想問(wèn)一下，我做網(wǎng)站時(shí)，經(jīng)常上傳圖片時(shí)，由于圖片的尺寸太大，導(dǎo)致整個(gè)網(wǎng)頁(yè)的版面被撐變形，每次上傳圖片時(shí)都要把圖片通過(guò)photoshop軟件去處理一下，非常麻煩，有沒(méi)有什么好的辦法來(lái)防止圖片過(guò)大撐破網(wǎng)頁(yè)面呢？
答：如果你的網(wǎng)站CSS樣式?jīng)]有設(shè)置控制圖片大小的代碼，就會(huì)出現(xiàn)你說(shuō)的那種情況，解決方案也很簡(jiǎn)單，就是給你網(wǎng)站的CSS樣式添加一段使用CSS Expression屬性，控制網(wǎng)站圖片的代碼：（如果你不懂代碼，可先學(xué)習(xí)一下學(xué)做網(wǎng)站論壇html視頻教程）
img {
max-width: 400px; width:expression(this.width>400 ? “400px”:this.width);
max-height:300px;height:expression(this.height>300 ? “300px”:this.height);
}
max-width: 400px; width:expression(this.width>400 ? “400px”:this.width);
max-height:300px;height:expression(this.height>300 ? “300px”:this.height);
}
標(biāo)簽： 代碼
版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀(guān)點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。
最新資訊
熱門(mén)推薦