【问题标题】:Twitter bootstrap minimum width in responsive layout响应式布局中的 Twitter 引导最小宽度
【发布时间】:2021-01-06 18:58:27
【问题描述】:

有没有办法告诉引导程序在分辨率小于时不缩小元素:

/* Portrait tablet to landscape and desktop */.
@media (min-width: 768px) and (max-width: 979px) { ... }

我想支持大型台式机和平板电脑屏幕,但低于该分辨率没有响应。

【问题讨论】:

    标签: css twitter-bootstrap


    【解决方案1】:

    添加 min-width 属性不会阻止网格系统混乱,因为类 span1-12 在调整大小时仍然会变小!

    一个选项是访问 http://twitter.github.com/bootstrap/customize.html 并在响应部分取消选中“窄平板电脑及以下 (

    【讨论】:

      【解决方案2】:

      bootstrap.css中可以去掉手机屏幕的媒体查询代码

      【讨论】:

        【解决方案3】:

        我做了两步

        1. 设置较少的变量@screen-sm-min: 10px。这将停止所有引导程序的媒体查询

        2. 只需将min-width 设置为顶部元素。

        为我工作

        【讨论】:

          【解决方案4】:

          你可以在所有你不想被收缩的元素上添加css属性min-width

          【讨论】:

          • 这不是正确的解决方案...您应该按照以下两个建议禁用低分辨率响应代码。
          • 如果我想得到一个特定的值,比如min-width: 598px;?我认为这是一个简单而快速的解决方法。
          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 2013-05-01
          • 2012-10-29
          • 2017-03-10
          • 2023-03-31
          • 1970-01-01
          • 2014-04-09
          • 2012-06-18
          相关资源
          最近更新 更多