如何使较大的布局适合较小的设备屏幕? [英] How to fit larger layout to a small device screen?

问题描述

meta viewport元素有一个小问题.问题是我的布局min-width大于我要使用的许多屏幕分辨率.因此将其设置为

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" />

它也不起作用. 从 Css-tricks 也无济于事. 因此，最后一个问题是:如何将较大的布局适合较小的屏幕? 任何建议，不胜感激.先感谢您. 哦，忘了说了，在Lumia 525，Iphone 4，Ipad 2上进行了测试.

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.

推荐答案

将Zoom设置为0.00000001. 值的缩放比例越小，则缩小的范围就越大.

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".  

这篇关于如何使较大的布局适合较小的设备屏幕?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！