用于高分辨率移动显示的twitter bootstrap

时间:2013-09-14 00:12:13

标签: twitter-bootstrap mobile

Twitter引导程序非常棒,但是当你想根据折叠导航栏部分提供一个好的移动网站时,它就像地狱一样。如何强制Twitter使用它,并以正确的方式缩放它。所以它可能看起来像facebook。

应该如何看待LG Optimus Black(480 x 800像素)

How it should look

它看起来如何(Lumia 920 1280 x 768像素)

How it looks like

2 个答案:

答案 0 :(得分:4)

尝试将此添加到您的<head>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

这可以使用Bootstrap 3。

答案 1 :(得分:1)

这是我的解决方案

@-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;
}