web applications - Creating consistent dimensions betwen Android Browser and Desktop? -



web applications - Creating consistent dimensions betwen Android Browser and Desktop? -

i have web page works on regular computer, , handles resizing downwards / can re-size window size like, , app still useful. can zoom in ctrl+ if like, , app's layout automatically alter accommodate.

now let's talk smartphone. use <meta name="viewport" content="width=device-width"/>

unfortunately, android phone has double dpi of regular computer. simple solution me zoom in, have scroll time.

i set in position:fixed;width:100% div, creates rather choppy experience, because scrolling still accessible.

that brings me lastly solution me write own scaling code increment size of relevant content smartphone users. so, how should this? 1 way check user-agent, , utilize alter css. there 2 reasons don't that, 1. sniffing user-agent , 2. assuming ~200dpi, while between phones.

if there way observe dpi, much prefer route. can this? have improve idea?

android web-applications layout scaling dpi

Comments

Popular posts from this blog

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer -

Accessing MATLAB's unicode strings from C -

javascript - mongodb won't find my schema method in nested container -