如何从getbootstrap禁用一个响应式视图？

Question

我使用getbootstrap构建我的网站。根据我的设计，我不想显示平板电脑的纵向视图。我怎么能消除这个？

我只想要iPad风景和桌面普通，iPhone肖像和风景。如何消除所有其他观点？

Answer 1

您需要在http://getbootstrap.com/customize/的媒体查询断点部分下自定义屏幕宽度值。

然后，这将生成一个或多个可以添加到您网站的自定义CSS文件。

当然，您必须为带有或不带Retina显示屏的iPad和iPhone指定正确的值。这应该有所帮助：

http://stephen.io/mediaqueries/

坏消息是你可能不得不破解getbootstrap.com生成的CSS，以便使用-webkit-min-device-pixel-ratio: 2为Retina设备明确设置媒体断点。