viewport doesn't work

Question

Level 1

0 points

viewport doesn't work

I can't get the viewport to work on anything. I've read all of the webkit, iPad, safari, iOS, and android documentation on the matter as well as visited a lot of forums and blogs about it. They all pretty much say the same thing but it does not work.

Using this code I get the following in the browser window. This happens on an iPad, android tablet, and Safari. It would be shorter to tell you what browsers it does work in, none.

<!DOCTYPE html>

<html>

<head>

<title>Viewport</title>

</head>

<body>

</body>

</html>

Any idea what I am doing wrong or what can be done to fix this?

iPad

Posted on Dec 9, 2011 8:58 AM

Reply

Answer 1

destryalhmns Author

Level 1

0 points

Dec 27, 2011 6:52 AM in response to destryalhmns

I finally figured out something.

You can try this at home. The viewport tag is not respected for me when ran locally. However, I uploaded the same page to my website and tried it there and when you access the page from the website it DOES work. I got the idea from some article I found about iPad not respecting viewport if it's local or something.

What I can get to work: user-scalable, initial-scale

What doesn't seem to change no matter what I do: width, height

Cross reference with this doc: http://developer.apple.com/library/IOs/#documentation/AppleApplications/Referenc e/SafariWebContent/UsingtheViewport/UsingtheViewport.html

Reply