iphone - iPad 和 iPhone : full page background image shows cut off/screen shot link included

Question

整页背景图像在 iPhone 和 iPad (Safari iOS 5.01) 上显示为截断。 http://www.theantarcticbookofcookingandcleaning.com

如果你能给我一些建议就太好了。提前感谢您的帮助!

截图如下: http://www.soojincreative.com/photo.PNG

使用的代码 -> 背景图片在#wrapper:

enter code here
body {
font: normal normal 16px/22px "Kingfisher Regular", Georgia, "Times New Roman", serif;
font-size-adjust: 0.47;
color: #000;
background-color: #e3e8ee;
margin-top: -13px;   
}

#wrapper {
padding-top:none;
background: url('images/background2.jpg') no-repeat center;
width: 1280px;
margin: 0 auto;
overflow:hidden;
}

Answer 1

好吧，对我来说只是替换:

<meta name="viewport" content="width=device-width">

通过:

<meta name="viewport" content="width=1024">

成功了。您可能想尝试一下。

如果它对您不起作用，那么 Apple Safari Dev Docs 可能对您有所帮助: https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html