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
Post a Comment