ipad - mobile safari: device rotation causes bad scaling of website -
i have mobile website iphone , ipad disable user zooming
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
this works fine long site in landscape mode. width of website width of screen. if rotate device portrait mode gets scaled down fits new (shorter) width. ok.
but if rotate landscape mode scaled 125% means horizontal scrolling possible , zooming not possible since disabled.
how can make @ 100% zoom when rotated landscape?
thanks!
try experimenting maximum-scale , minimum-scale so
<meta name="viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=1.0" />
and see if can achieve looking for..
Comments
Post a Comment