I have made a Web page with jQuery mobile, and have uploaded the page to my web server, but when I load the page from my iPhone, it loads the page as it would be a "desktop website". It looks like jquery mobile does not recognize that the page is being loaded from a mobile device. How can I fix this problem?
-
Can you provide a link to the site? It's hard to tell what's going on without example code or a link to preview the issue. Thanks :)adamdehaven– adamdehaven2012-12-19 17:09:50 +00:00Commented Dec 19, 2012 at 17:09
Add a comment
|
1 Answer
Add this viewport to your html head:
<meta content="width=device-width, minimum-scale=1, maximum-scale=1" name="viewport">
If you want more info about screen sizing take a look at this link: http://www.wintellect.com/cs/blogs/rrobinson/archive/2011/07/25/how-to-scale-a-jquery-mobile-site-for-ios.aspx