Basic meta tag for mobile web view

For creating a mobile web view, we need these meta tags to define basic needs for the mobile view and the way i see it is, it will really save a lot of time using these meta tags than modifying by using css.

<meta charset="UTF-8">
<meta name="format-detection" content="telephone-no"> <!-- do not recognize content as phone number -->
<meta name="viewport" content="user-scalable=no, initial-scale=1, minimum-scale=1,maximum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" >

+ user-scalable = user wont be able to pinch and zoom
+ initial-scale=1 & minimum-scale=1 & maximum-scale=1 user wont able to see zoom in zoom out only ratio 1
+ width=device-width, height=device-height = take up the entire screen
+ target-densitydpi=device-dpi = render same as device dpi 

Subscribe to You Live What You Learn

Don’t miss out on the latest issues. Sign up now to get access to the library of members-only issues.
[email protected]