Twitter bootstrap 非常棒,但是当你想基于折叠导航栏部分提供一个好的移动网站时,它就像地狱一样。我如何才能强制 twitter 使用它并以正确的方式对其进行扩展。所以它可能看起来像脸书。
LG Optimus Black(480 x 800 像素)的外观
外观(Lumia 920 1280 x 768 像素)
Twitter bootstrap 非常棒,但是当你想基于折叠导航栏部分提供一个好的移动网站时,它就像地狱一样。我如何才能强制 twitter 使用它并以正确的方式对其进行扩展。所以它可能看起来像脸书。
LG Optimus Black(480 x 800 像素)的外观
外观(Lumia 920 1280 x 768 像素)
尝试将此添加到您的<head>
:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
这适用于 Bootstrap 3。
这是我的解决方案
@-ms-viewport {
width: auto!important;
}
@-webkit-viewport {
width: device-width;
}
@-moz-viewport {
width: device-width;
}
@-ms-viewport {
width: device-width;
}
@-o-viewport {
width: device-width;
}
@viewport {
width: device-width;
}