How to force iPad Safari not to scale down my web page in portrait mode?
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
Answer
Try adding
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width">
in your head.