Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

iPad & iPhone: full page background image shows cut off /screen shot link included

The full page background image shows cut off on iPhone and iPad (safari iOS 5.01). http://www.theantarcticbookofcookingandcleaning.com

It would be great if you could give me some advices on this. Thanks for your help in advance!

Screenshot is below: http://www.soojincreative.com/photo.PNG

the code used -> the background image is in #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;
}
like image 578
Soo Avatar asked Jan 18 '12 19:01

Soo


People also ask

Which is the best iPad to buy currently?

Best for Most People Yes, there's a new entry-level iPad in town, but we still think the ninth-generation iPad (8/10, WIRED Recommends) from 2021 is the best iPad for most people. It's the most affordable (and has dipped as low as $280 at Amazon before).

Which iPad is best cheap?

Best iPad overallThe 2021 10.2-inch iPad is Apple's most affordable model, and it's the best option for those picking up their first iPad, or for those seeking a reliable tablet to run apps, games, and streaming video.

Is a new iPad coming out in 2022?

Packing a punch. The sixth-generation 2022 iPad Pro is powered by the company's new M2 chip, the same chip that runs the latest MacBook Pro. It comes in 11-inch and 12.9-inch versions, starting at $799 and $1099 respectively. It's set to release October 26 and is available to preorder now (see it at Amazon).


1 Answers

Well, for me simply replacing:

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

by:

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

did the trick. You may want to try it.

If it doesn't work for you, then the Apple Safari Dev Docs may be helpful to you: https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html

like image 125
phildub Avatar answered Oct 17 '22 00:10

phildub