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

为什么80%的码农都做不了架构师?>>>   hot3.png

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

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

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

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

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

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

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

你可能感兴趣的:(关于手机浏览器背景图片莫名不显示问题(定位问题))