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
-->