用于高分辨率移动显示器的 Twitter 引导程序 [英] twitter bootstrap for high resolution mobile displays

问题描述

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

Twitter bootstrap is very awesome, but it is like hell when you want to give a good mobile site based on the collapse navbar part. How can I force twitter to use it and also to scale it in the right way. So it may look like facebook.

LG Optimus Black 的外观(480 x 800 像素)

How it should look LG Optimus Black (480 x 800 pixel)

它的外观(Lumia 920 1280 x 768 像素)

How it looks like (Lumia 920 1280 x 768 pixel)

推荐答案

这是我的解决方案

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

这篇关于用于高分辨率移动显示器的 Twitter 引导程序的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！