The ipad2's screen resolution is good to view a webpage having designed width as 960px. Recently, I am working a new site,
and the site looks good in the desktop, but in ipad2 the web page is not centerized, but align to left and leave some space
at right. Finally I figure it out that some invisibly div, in my case it's big drop down manu, which flow out of the page, so
when viewing in the ipad browser, it treat the web page as whatever width including the invisible area, so then shink the
whole webpage and align to left.
Actually this also caused the browser in the desktop to have extra horizontal scroll bar when the window is resize to one
less than than whatever width including the invisible area.
The fix I did is reposition the big drop down manu to not overflow the designed width.
No comments:
Post a Comment