android - 在每个移动设备上强制使用相同的字体大小

Question

我希望我的网站像 facebook 的移动页面一样工作。屏幕分辨率是独立的，导航栏等始终是相同的大小。我怎样才能做到这一点？

这就是我想要在所有设备上使用 LG Optimus Black(480 x 800 像素)

这是它在我的 Lumia 920 上的样子(1280 x 768 像素)

Answer 1

为此您必须使用 Javascript。这是一个 jQuery 方法:

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
    $('body').addClass("mobile");
}

然后您可以适本地设置样式，例如:

.mobile div {
    width: 100%;
}

CSS 媒体查询只能帮助您检测屏幕尺寸或方向。有一些，但兼容性是个问题。