关于手机浏览器背景图片莫名不显示问题(定位问题)

最近新做了个博客,采用 BootStrap 3.3 做的,自适应的效果挺不错的 :)

现在突然发现了一个问题,那就是在我手机版 chrome 39 浏览器下,首页背景图片不显示了,其他页面背景图片均可显示;后来又用其他手机版浏览器,首页背景图片可正常显示,检查半天也不清楚什么原因,郁闷死了!

刚才又做调试,把首页的内容给删除了一些,然后 手机版 chrome 39 浏览器 首页的背景图片可显示了,终于发现原来问题出现在 background-position: center; 这个上面,chrome 39 浏览器背景图片的垂直居中定位是按 文档内容高度来居中的(其他浏览器按 屏幕来居中的,所以没出现上面问题),不明白?看下图:

101802_SVxY_187801.jpg

这下应该明白了吧!好像还是有点不对劲!我的背景图片是很大的一张(1920x1200),应该不至于看不到吧!应该现在手机都是高清屏的缘故吧,大背景在大分辨率屏幕下也变小了,但文档内容却没相对变小。

这种问题应该碰到的人较少吧,具体有没得讨论的?

转载于:https://my.oschina.net/skq/blog/352657

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值