使用CSS Expression属性防止图片过大撑破网页
2018-11-01 来源：学做网站论坛
问：老师你好，我想问一下，我做网站时，经常上传图片时，由于图片的尺寸太大，导致整个网页的版面被撑变形，每次上传图片时都要把图片通过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);
}
标签： 代码
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点！
本站所提供的图片等素材，版权归原作者所有，如需使用，请与原作者联系。
最新资讯
热门推荐