<meta> tag is supported in all major browsers and contains several useful properties when building mobile accessible web applications. Below is an example of common settings you can use in your mapping applications for a typical mobile optimized web application.
apple-mobile-web-app-capable sets whether or not the application can run in full-screen mode. Full-screen mode, or stand-alone mode, is when the user adds the web application to their home screen.
apple-mobile-web-app-status-bar-style is used to style the status bar on mobile web applications. This meta tag attribute has no effect unless you specify
apple-mobile-web-app-capable to be in full-screen mode.
viewport controls how much a browser zooms into a page. The viewport on a mobile device can be larger or smaller than the viewable area of the screen. This can cause problems when laying out your map, or adjusting your map to fill the viewable area of the screen when the device orientation is changed.
target-densitydpi. This permits you to specify the screen resolution. Possbile value are
initial-scaleproperty controls the zoom level when the page is first loaded. By default the initial-scale is 1.0.
maximum-scaleproperty controls how users are allowed to zoom the page in or out.