iPad和iPhone:整页背景图片显示包含剪切/屏幕截图链接

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/safari/#documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html

Answer 2

诀窍是给身体最小宽度

body{ width:100%;min-width: 1280px; }

Answer 3

尝试添加：

#wrapper { ...
    background-size: cover;
... }