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

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

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

图片撑破布局原因

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
WordPress主题和插件添将支持自动更新功能 业界动态

WordPress主题和插件添将支持自动更新功能

WordPress 作为最流行的博客平台,有着丰富的扩展和主题生态系统。然而主题和扩展也经常成为 WordPress 网站的安全隐患,原因是网站管理人员在安装扩展或主题之后就不再更新。当扩展或主题发现...
一个时代的结束 微软终止支持Windows 7 业界动态

一个时代的结束 微软终止支持Windows 7

随着2020年1月14日的到来,服役十年之久的Windows 7操作系统终于正式退休了。自今日起,微软将会正式终止支持Win7,这意味着用户仍旧可以正常使用这一经典的操作系统,但微软已经不会再进行任何...
WordPress 5.3.1版本发布 业界动态

WordPress 5.3.1版本发布

来自WordPress官方的消息,WordPress 5.3.1版本发布,这是一个安全更新版本,也是一个常规更新维护版本。 WordPress 5.3.1一共修复46个漏洞或者漏洞相关安全问题。 官方...
匿名

发表评论

匿名网友 填写信息

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