借助CSS解决大图片撑破网页的问题

2014年7月27日19:13:12 评论 525

如果图片过大就有可能撑破网页,打开页面后看起来会特别乱,而且还会出现遮盖部分文字的现象,影响用户的体验。

图片撑破布局原因

1、由于浏览器版本低(微软IE6)

2、没有设置div布局的宽度

解决图片超出宽度或撑破div css布局方法:

可以通过对图片设置最宽css可以使用max-width来设置,但是IE6不支持,但是可以使用浏览器的css hack来设置代码如下(viewbox是对应的父级目录)

.viewbox img{ max-width:600px;_width:600px;}

说明:通过其他浏览器不支持带“_”的css,但是IE6支持。刚好可以通过此css
hack来实现对图片宽度的现在。这里只能克服IE6显示固定的宽度来符合其它版本的兼容性。

avatar
  • 版权声明: 发表于 2014年7月27日19:13:12
  • 转载注明:https://www.duoluodeyu.com/852.html

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: