Question

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 1

Try adding

<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width">

in your head.