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;
}
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).
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.
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).
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
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With