问题
I've got a little issue with meta viewport
element. The problem is that my layout min-width
is larger than lots of screen resolutions I want to work with. So setting it like
<meta name="viewport" content="width=device-width" />
does not help. As result i get the page, that has to be zoomed out to fit to the device width. And if i even add scales like
<meta name="viewport" content="width=device-width, initial-scale=0.5, maximum-scale=1" />
it does not work either. Found a hack from Css-tricks that did not help too. So the final question is : how to fit larger layout to a smaller screen? Any suggestions are greatly appreciated. Thank you in advance. Oh, forgot to say, testing it on Lumia 525, Iphone 4, Ipad 2.
回答1:
set Zoom
to 0.00000001
.
The more the value is scaled lower, the more zoom out you'll get.
content="width=device-width, initial-scale=0.00000001".
来源:https://stackoverflow.com/questions/25821417/how-to-fit-larger-layout-to-a-small-device-screen