Physical size of page elements, especially navigation buttons

Mobile
1

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

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.