国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > htmlcss > 背景图片太大时,而又不出现竖向滚动条的做法

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

来源:程序员人生   发布时间:2014-12-09 08:08:46 阅读次数:4129次
当设计图做为背景图片太大时,必会出现转动条,但是项目那边不希望出现转动条,是1屏显示的,那就能够这样设计Css
<img src="images/bg.png" alt="bg">
img{ display:block; width:100%; height:100%;}

这样就能够让图片在页面中平铺,而不产生转动条,但是有1个问题,当显示器的尺寸很小或13寸显示器的时候,图片会严重变形,但是这是目前来讲最好的解决方案了。又不出现转动条。做适配时也能够这样,只不过在320时让大尺寸的图片隐藏,小尺寸的显示就能够,同理,在大屏幕时,让320的隐藏。
生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生