SitePoint Sponsor

User Tag List

Results 1 to 2 of 2

Hybrid View

  1. #1
    SitePoint Addict
    Join Date
    Mar 2004
    Posts
    260
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Physical size of page elements, especially navigation buttons

    Hello,

    Sizes of elements are important, esp. if they are the target of finger tabs. The pixel density of the device and the pixel dimensions of an element determine how large the element appears on the device.

    I'm new to setting up mobile websites. Is there any way to ensure an element displays at a certain physical size (or within a certain range)?

    How do people approach this issue usually?

    I imagine that the site would need to query what pixel density and then the coding respond to this?

    Many thanks.

  2. #2
    SitePoint Wizard
    Join Date
    Feb 2007
    Location
    Southern California
    Posts
    1,338
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Make the pixel size of the elements a minimum of 40px square. That makes it easy to tap in an iPhone. I believe the Apple docs recommend 44px.


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
  •