我们的网页背景图片在FireFox以及iPad/iPhone上的iOS中存在问题,页面右侧显示空白区域.
背景图片在其他浏览器上可以很好地扩展,但我们很难在这些浏览器上扩展浏览器的全长.
快来看看我们的火狐网站,看看我的意思.
我在http://eiglaw.com上遇到了问题- 在iPhone的屏幕右侧显示了大约25像素宽的空白/边框.我研究了stackoverflow的问题,这些帖子是相关的,但是当我尝试提供的各种解决方案时,我无法解决问题:
iPhone上的响应式网站 - 从景观到肖像旋转的不需要的白色空间
网站身体背景在iPhone Safari中呈现正确的白色边缘
我在iPad上遇到了类似的问题但是能够使用此媒体查询修复它:
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
/*and (orientation : landscape)*/ {
html,
body {
width:1000px;
}
}
Run Code Online (Sandbox Code Playgroud)
我已经尝试了针对html和body元素的各种媒体查询而没有运气.我已经查看了整个CSS文件中的背景图像,边距,填充,溢出等问题,但我真的很难过.那里有人有什么建议吗?
非常感谢!