背景图片太大时,而又不出现竖向滚动条的做法

时间:2014-12-04 15:34:32   收藏:0   阅读:321
当设计图做为背景图片太大时,必会出现滚动条,但是项目那边不希望出现滚动条,是一屏显示的,那就可以这样设计Css
<img src="images/bg.png" alt="bg">
img{ display:block; width:100%; height:100%;}

这样就可以让图片在页面中平铺,而不产生滚动条,但是有一个问题,当显示器的尺寸很小或13寸显示器的时候,图片会严重变形,但是这是目前来说最好的解决方案了。又不出现滚动条。做适配时也可以这样,只不过在320时让大尺寸的图片隐藏,小尺寸的显示就可以,同理,在大屏幕时,让320的隐藏。

原文:http://blog.csdn.net/sunny327/article/details/41725011

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!