meta tag customization (ios + android)
Post on 12-Jul-2015
698 Views
Preview:
TRANSCRIPT
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
top related