使用CSS Expression屬性防止圖片過大撐破網頁
2018-11-01 來源：學做網站論壇
問：老師你好，我想問一下，我做網站時，經常上傳圖片時，由于圖片的尺寸太大，導致整個網頁的版面被撐變形，每次上傳圖片時都要把圖片通過photoshop軟件去處理一下，非常麻煩，有沒有什么好的辦法來防止圖片過大撐破網頁面呢？
答：如果你的網站CSS樣式沒有設置控制圖片大小的代碼，就會出現(xiàn)你說的那種情況，解決方案也很簡單，就是給你網站的CSS樣式添加一段使用CSS Expression屬性，控制網站圖片的代碼：（如果你不懂代碼，可先學習一下學做網站論壇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);
}
標簽： 代碼
版權申明：本站文章部分自網絡，如有侵權，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權歸原作者所有，如需使用，請與原作者聯(lián)系。
最新資訊
熱門推薦