Reputation: 4380
I am publishing a free book online in HTML5 format and i said it would be great if i could optimize it for the iPad even though i don't have one.
So i started working on the design and that idea was in my head all the time. I made the design just to fit the iPad screen in portrait mode, then i tried to test it and i discovered that Safari is scaling down the whole website to fit pages into its screen which screwed my design and pissed me off (my bad i didn't do too much research) and Apple won't let me have an iPad emulator cause i don't have a Mac!!
Anyway.. is there is any way i could force Safari to ignore that behavior and let my readers enjoy my 1:1 scale desgin? something like CSS media query or some javascript?
http://mmahgoub.com/thebook/foreword.html
Thanks
Upvotes: 5
Views: 15719
Reputation: 1122
Try adding
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width">
in your head.
Upvotes: 17
Reputation: 1
Here is an online iPad simulator that you you can use. It's not Xcode, but it is useful nonetheless.
Upvotes: -1