使用CSS Expression属性防止图片过大撑破网页
问：老师你好，我想问一下，我做网站时，经常上传图片时，由于图片的尺寸太大，导致整个网页的版面被撑变形，每次上传图片时都要把图片通过photoshop软件去处理一下，特别麻烦，有没有什么好的办法来防止图片过大撑破网页面呢？
答：如果你的网站CSS样式没有设置控制图片大小的代码，就会出现你说的那种情况，解决方案也很简单，就是给你网站的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);
}
是的，如果你的网站CSS样式没有设置控制图片大小的代码，就会出现你说的那种情况，解决方案也很简单，就是给你网站的CSS样式添加一段控制网站图片的代码：
img {
max-width: 400px; width:expression(this.width>400 ? “400px”:this.width);
max-height:300px;height:expression(this.height>300 ? “300px”:this.height);
}