Jquery 如何使较大的布局适合较小的设备屏幕?
我对Jquery 如何使较大的布局适合较小的设备屏幕?,jquery,html,css,mobile,meta,Jquery,Html,Css,Mobile,Meta,我对元视口元素有点小问题。问题是我的布局minwidth比我想要使用的许多屏幕分辨率都大。所以把它设置成 <meta name="viewport" content="width=device-width" /> 没有帮助。结果我得到了页面,页面必须缩小以适应设备宽度。如果我加上像这样的刻度 <meta name="viewport" content="width=device-width, initial-scale=0.5, maximum-scale=1" />
元视口元素有点小问题。问题是我的布局minwidth
比我想要使用的许多屏幕分辨率都大。所以把它设置成
<meta name="viewport" content="width=device-width" />
没有帮助。结果我得到了页面,页面必须缩小以适应设备宽度。如果我加上像这样的刻度
<meta name="viewport" content="width=device-width, initial-scale=0.5, maximum-scale=1" />
它也不起作用。
找到了一个没有帮助的黑客。
因此,最后一个问题是:如何将较大的布局适应较小的屏幕?
如有任何建议,我们将不胜感激。先谢谢你。
哦,忘了说了,在Lumia 525、iPhone4、iPad2上测试了它。将缩放设置为0.00000001
。
值缩放得越小,缩小的范围就越大
content="width=device-width, initial-scale=0.00000001".
@德里克朕會功夫 我不能指定宽度,因为我有液体布局,只有最小宽度。屏幕越大,页面越大。@Derek朕會功夫 指定了主体上的最小宽度。你在谈论smth,比如float:left代码>在身体上?我说的对吗?哦,我刚刚重读了你的问题。您是否试图缩小页面以使其“适合”在更小的屏幕上?(我还以为你在努力实现别的目标)@Derek朕會功夫 是的,我正在尝试在加载时缩小它以适应屏幕。我在Android上的Chrome上进行了测试,默认情况下,超过视口宽度的页面会自动缩小。不过,我对iPhone没有把握。我还发现这个代码
,值得一试。