How to fit larger layout to a small device screen?

試著忘記壹切 提交于 2019-12-22 12:31:39

问题


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

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!