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 媒体查询只会让您检测屏幕大小或方向。有一些，但兼容性是一个问题。