Question

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

这就是我想要的所有设备LG Optimus Black（480 x 800像素）

This is how I want it on all devices LG Optimus Black (480 x 800 pixel)

这就是我在Lumia 920（1280 x 768像素）上看起来的样子

This is how it looks on my Lumia 920 (1280 x 768 pixel)

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