Usage of meta tagiOS

Text content of body in html page without meta tag

"Hello world!" is displayed likethis when we're not using metatag.

Text content of body with meta tag

Text displayed normally when using meta tag

Android

Meta tag customization

Same HTML page in Android emulator (without meta tag)

If no meta tag is used, HTMLpage will look like this.

device-width: Measures widthin device pixels

width : Measures width inCSS pixels

Zooming in web page affectsCSS pixels, not device pixels.

using "width = device-width" in content

Removed width from content

Removed width from content

user-scalable = yes

By setting user-scalableto yes

user-scalable = no

By setting user-scalableto no

Different values of target-densitydpi

target-densitydpi variesfrom 70-400

240 320 360

Maximum target-densitydpi is 400

Below 70 & Above 400 will look like this

using "low-dpi" intarget-densitydpi

using "high-dpi" intarget-densitydpi

using "medium-dpi" intarget-densitydpi