用于高分辨率移动显示的 twitter 引导程序答案

【问题标题】：twitter bootstrap for high resolution mobile displays用于高分辨率移动显示的 twitter 引导程序
【发布时间】：2013-09-14 00:12:12
【问题描述】：

Twitter bootstrap 非常棒，但是当你想基于折叠导航栏部分提供一个好的移动网站时，它就像地狱一样。我如何才能强制 twitter 使用它并以正确的方式对其进行扩展。所以它可能看起来像 facebook。

LG Optimus Black（480 x 800 像素）的外观

外观（Lumia 920 1280 x 768 像素）

【问题讨论】：

Read about Responsive design... 我的意思是.. Facebook 没有响应
不，不是。我知道引导程序使用响应式设计，但是当您拥有移动站点并获得桌面用户界面时，它会很糟糕。我会上传一些照片。
检查这个Question 有一个很好的链接...关于响应式设计的断点

标签： twitter-bootstrap mobile

【解决方案1】：

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

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

这适用于 Bootstrap 3。

【讨论】：

【解决方案2】：

这是我的解决方案

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

【讨论】：

这个解决方案对我不起作用 - 添加这个 CSS 后，我在移动设备上渲染时没有看到任何变化。