ios - 视口(viewport)背景图像小偏移

标签 ios css ipad viewport

所以这个问题我已经有一段时间了。当我在我的 iPad 上加载我的网站 ( ysbakker.eu ) 时,背景图像(比我的屏幕分辨率大得多)在右侧和底部有 1 或 2 个像素的偏移。这可能看起来是一个小问题,但它实际上让我很烦恼。我不知道是什么原因导致的,也许是视口(viewport)渲染引擎中的一个小错误。 我的 iPhone 4s 没有这个问题,它使用与我的 iPad Air 2 相同的软件。

这是一张图片来展示我在说什么: enter image description here

在图像上可能不容易看到,因为偏移量也是白色的......但它确实存在,相信我。放大可以看得更清楚。

背景图像托管在 photobucket 上,我也尝试将其存储在我自己的服务器上,但这并没有改变任何东西。这是我的 css 以供引用:

body {
    background: url('http://i95.photobucket.com/albums/l159/ysbakk3r/478769_zpsbe3rwtgu.jpg');
    background-size: cover;
    background-position: center;
}

我是否遗漏了任何重要信息?我认为它不应该像这样用我的代码显示偏移量。有什么建议吗?

编辑:我想我找到了问题所在,只是不知道如何解决。当我在 iPad 上放大并一直向右滚动时,不再有偏移。所以我猜页面缩小了一小部分。关于如何解决这个问题有什么建议吗?

最佳答案

请试试这个:

body {
    background: url('http://i95.photobucket.com/albums/l159/ysbakk3r/478769_zpsbe3rwtgu.jpg');
    background-size: cover;
    background-position: center;
    margin:0
}

关于ios - 视口(viewport)背景图像小偏移,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36965803/

相关文章:

javascript - WKWebView 在触发 native 代码之前等待 DOM 渲染

ios - Swift 应用程序在 iPad 上返回空白屏幕?

html - 如何制作侧面导航栏并让 div 填充其余空间

ios - Facebook SDK 登录永远不会在 iOS 9 上回调我的应用程序

html - 使整个背景广告可点击

css - 如何选择 ID 以特定字符串开头和结尾的所有元素?

iphone - 无法编辑 UITextField 中的文本

iphone - 如何在创建新联系人时设置社交资料属性

objective-c - 调用 dismissPopoverAnimated 或在弹出窗口外单击一次时,弹出窗口不会被关闭

iphone - 构建 View 层次结构的最佳实践