SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    SitePoint Zealot
    Join Date
    May 2013
    Posts
    199
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)

    This whole meta viewport tag is valid today or somewhat modified

    Code:
    <meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0" />
    p.376, Sitepoint, css3 4e

    this
    target-densitydpi=160dpi
    what do? is really needed?

    This whole meta tag is valid today or somewhat modified?

  2. #2
    Barefoot on the Moon! silver trophy Force Flow's Avatar
    Join Date
    Jul 2003
    Location
    Northeastern USA
    Posts
    4,606
    Mentioned
    56 Post(s)
    Tagged
    1 Thread(s)
    I typically just use this:

    Code:
    <meta name="viewport" content="width=device-width">
    Basically, it forces mobile browsers to display the website at their native resolution, rather than allow the site to spill outside of the viewing area of the screen, requiring the user to scroll and zoom.
    Visit The Blog | Follow On Twitter
    301tool 1.1.5 - URL redirector & shortener (PHP/MySQL)
    Can be hosted on and utilize your own domain

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,374
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Support for target-densitydpi is being withdrawn so should not really be used.

    Some useful info here.

  4. #4
    SitePoint Zealot
    Join Date
    May 2013
    Posts
    199
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    , maximum-scale=1 // this is for hybrid apps no zoom in, but not for web-apps that need scale if required? correct?

  5. #5
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,374
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    You should use: <meta name="viewport" content="width=device-width, initial-scale=1"> which will allow the user to zoom if required as maximum-scale=1 will stop pinch and zooming.

    http://blog.javierusobiaga.com/stop-...il-you-know-ho

  6. #6
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,657
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    Please don't ever stop pinch and zoom. Without I can't read most things comfortably.

  7. #7
    SitePoint Zealot
    Join Date
    May 2013
    Posts
    199
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    viewport meta tag is only for HTML5 web pages?

  8. #8
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,374
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by lse123 View Post
    viewport meta tag is only for HTML5 web pages?
    No, its valid for html4/xhtml also.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •