如何永远避免媒体查询?

时间:2014-10-01 17:35:32

标签: android html ios css

我不喜欢媒体查询,我认为这是一个糟糕的主意。

我想为仅限手机制作应用。所以我的应用程序在所有情况下看起来都一样,但我尝试做的只是重新调整不同屏幕的应用程序。那就是它!

现在我不喜欢EM,我不喜欢百分比宽度。所有这些想法听起来都很糟糕。我喜欢VW / VH http://caniuse.com/#feat=viewport-units,但ios safari还不支持。

所以我的另一个想法是制作一个基于像素的静态应用程序。例如,想想一个高度为400px×400px的计算器。其他一切都以像素为单位。

我可以这样做,并设置一个适合我的静态内容的视口,但将其拉伸到视口大小?我认为这是可能的,因为视口支持缩放,不是吗?

2 个答案:

答案 0 :(得分:0)

只需将其添加到您的头标记中:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

...然后对所有容器元素使用width:100%样式。

编辑:你不喜欢&#39;百分比。它可以解决您的问题。

答案 1 :(得分:0)

发现了我正在寻找的东西

scale fit mobile web content using viewport meta tag

特别是Bren1818的答案,他以编程方式计算视口的初始比例。虽然我不确定我是否也喜欢这个答案...希望vh / vw单位已经开始使用移动设备了。