0
Usage of meta tag       iOS
Text content of body in html pagewithout meta tag"Hello world!" is displayed likethis when were not using metatag.
Text content of body with meta tagText displayed normally whenusing meta tag
Meta tag customization        Android
Same HTML page in Androidemulator (without meta tag)If no meta tag is used, HTMLpage will look like this.
using "width = device-width" incontentdevice-width: Measures widthin device pixelswidth : Measures width inCSS pixelsZoomi...
Removed width from contentRemoved width from content
user-scalable = yesBy setting user-scalableto yes
user-scalable = noBy setting user-scalableto no
Different values of target-densitydpitarget-densitydpi variesfrom 70-400
240   320   360
Maximum target-densitydpi is 400Below 70 & Above 400 will look like this
using "low-dpi" in   using "medium-dpi" in   using "high-dpi" intarget-densitydpi      target-densitydpi      target-densi...
Upcoming SlideShare
Loading in...5
×

Meta tag customization (iOS + android)

685

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
685
On Slideshare
0
From Embeds
0
Number of Embeds
9
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Meta tag customization (iOS + android)"

  1. 1. Usage of meta tag iOS
  2. 2. Text content of body in html pagewithout meta tag"Hello world!" is displayed likethis when were not using metatag.
  3. 3. Text content of body with meta tagText displayed normally whenusing meta tag
  4. 4. Meta tag customization Android
  5. 5. Same HTML page in Androidemulator (without meta tag)If no meta tag is used, HTMLpage will look like this.
  6. 6. using "width = device-width" incontentdevice-width: Measures widthin device pixelswidth : Measures width inCSS pixelsZooming in web page affectsCSS pixels, not device pixels.
  7. 7. Removed width from contentRemoved width from content
  8. 8. user-scalable = yesBy setting user-scalableto yes
  9. 9. user-scalable = noBy setting user-scalableto no
  10. 10. Different values of target-densitydpitarget-densitydpi variesfrom 70-400
  11. 11. 240 320 360
  12. 12. Maximum target-densitydpi is 400Below 70 & Above 400 will look like this
  13. 13. using "low-dpi" in using "medium-dpi" in using "high-dpi" intarget-densitydpi target-densitydpi target-densitydpi
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×