码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2014-12-04 15:37:40      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:web前端

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

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

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

标签:web前端

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!