【问题标题】:How to disable one responsive view from getbootstrap?如何从 getbootstrap 禁用一个响应式视图?
【发布时间】:2014-04-28 00:46:31
【问题描述】:

我正在使用 getbootstrap 构建我的网站。根据我的设计,我不想显示平板电脑的纵向视图。我怎样才能消除这个?

我只想要 iPad 横向和桌面正常,iPhone 纵向和横向。如何消除所有其他视图?

【问题讨论】:

  • 您是使用完整包还是自定义包?你在使用它附带的 JavaScript 吗?
  • @Gab 我正在使用完整包

标签: html css twitter-bootstrap responsive-design


【解决方案1】:

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

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

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

http://stephen.io/mediaqueries/

坏消息是,您可能必须破解从 getbootstrap.com 生成的 CSS,才能使用 -webkit-min-device-pixel-ratio: 2 为 Retina 设备明确设置媒体断点。

【讨论】:

    猜你喜欢
    • 2018-02-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-09-18
    • 1970-01-01
    • 2018-03-04
    • 1970-01-01
    相关资源
    最近更新 更多