css 不适用于移动设备,裁剪布局

css not working on mobile device, cropped layout

我制作了一个可以在任何浏览器上运行但不能在移动设备上运行的网页。这些网页可能看起来很不专业,但它是用于测试的。我认为问题似乎出在 css.

中的视口设置中

有人可以帮帮我吗? link 是:
http://www.moworkflow.nl/test/responsiveapp.html

快速浏览一下您的网站,您似乎使用了 vw 和 vh 计量单位。很酷,您正在关注新趋势,但 'technology' 得到部分支持,尤其是在手机上。如果您在 android <3.4 等智能手机上测试您的网站,一切都会崩溃,因为它们根本不支持 vh 或 vw。我不确定其他设备。

解决您的问题的方法是使用 px、% 或其他一些广泛支持的单位。

编辑:

http://caniuse.com/#feat=viewport-units

我是对的,这个单位只有部分支持。不时检查此站点。 :)