html-iphone-resolution

inf : http://stackoverflow.com/questions/10840726/cant-zoom-in-or-out-with-mobile-device

<meta name="viewport" id="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=10.0,initial-scale=1.0" />

Safari HTML Reference

https://developer.apple.com/library/safari/documentation/appleapplications/reference/SafariHTMLRef/Articles/MetaTags.html


<meta
name="viewport"
id="viewport"
content="width=device-width,minimum-scale=1.0,maximum-scale=10.0,initial-scale=1.0" />







http://www.idev101.com/code/Marketing/iphone_friendly.html

A typical mobile-optimized site contains something like the following:

<meta name="viewport" content="width=device-width, user-scalable=false;">

http://www.kylejlarson.com/blog/2012/creating-retina-images-for-your-website/

How to Write Web Pages for Mobile Devices

How Are Mobile Web Pages Different from Regular Web Pages?

http://dahliacreative.com/retinisejs/

https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag


http://www.idev101.com/code/Marketing/iphone_friendly.html

How to View the Desktop Version of Websites on an iPhone

38 Mobile (iPhone) Sites 150

ss

inf _ http://www.htmlgoodies.com/beyond/webmaster/toolbox/article.php/388810

Detecting the iPhone and iPad

Obviously, if you've created a page specifically for iPhone and iPad users, the first thing you'll need to do is to find out when a user is visiting your site via an iPhone or iPad. Apple provides the iPad's user agent string, which appears as follows:

Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B334b Safari/531.21.10

The iPhone's user agent string appears as follows:

HTTP_USER_AGENT=Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1C25 Safari/419.3

Provided with this information, it's fairly straight forward to use JavaScript to detect the user agent, and send the user to a specific page:

<script type="text/javascript">
if((navigator.userAgent.match(/iPhone/i)) || 
 (navigator.userAgent.match(/iPod/i))) {
   if (document.cookie.indexOf("iphone_redirect=false") == -1) window.location = "http://iphone.yoursite.com/";
}
</script>

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
http://www.idev101.com/code/Marketing/iphone_friendly.html

A typical mobile-optimized site contains something like the following:

<meta name="viewport" content="width=device-width, user-scalable=false;">

http://www.kylejlarson.com/blog/2012/creating-retina-images-for-your-website/

How to Write Web Pages for Mobile Devices

How Are Mobile Web Pages Different from Regular Web Pages?

http://dahliacreative.com/retinisejs/

https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag


http://www.idev101.com/code/Marketing/iphone_friendly.html

How to View the Desktop Version of Websites on an iPhone

38 Mobile (iPhone) Sites 150

ss

inf _ http://www.htmlgoodies.com/beyond/webmaster/toolbox/article.php/388810

Detecting the iPhone and iPad

Obviously, if you've created a page specifically for iPhone and iPad users, the first thing you'll need to do is to find out when a user is visiting your site via an iPhone or iPad. Apple provides the iPad's user agent string, which appears as follows:

Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B334b Safari/531.21.10

The iPhone's user agent string appears as follows:

HTTP_USER_AGENT=Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1C25 Safari/419.3

Provided with this information, it's fairly straight forward to use JavaScript to detect the user agent, and send the user to a specific page:

<script type="text/javascript">
if((navigator.userAgent.match(/iPhone/i)) || 
 (navigator.userAgent.match(/iPod/i))) {
   if (document.cookie.indexOf("iphone_redirect=false") == -1) window.location = "http://iphone.yoursite.com/";
}
</script>