Question

有一些我绝对不会使用＆＃34;移动首次默认行为＆＃34;在bootstrap 3中：

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { ... }

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { ... }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }

如果480px没有断点，超小型设备如何成为默认行为？我理解font-size和stuff的默认值，但对于网格系统，如果想要一个介于480px和768px（col-xs-6）之间的6/12大小的块，那么在小于480px时变为12/12然后你就是不能做到吗？我需要你们解释这个概念，因为我不知道这可能是一个移动的第一个行为。

PS：我知道社区提供样式表来获得一个480px的断点，我也可以自己做，但考虑到事实上的bootstrap是一个很棒的lib，看起来很奇怪有这种麻烦，也许我只是不喜欢＆＃ 39;在这里得到点

Answer 1

一般假设是内容在每个小于768px的设备/浏览器窗口上以相同的方式显示。如果您需要在下面的断点区分，您有几个选择：

除了Bootstrap的默认值之外，编写自己的CSS以满足您的需求。注意不要遇到可能导致错误样式优先的代码顺序或特定问题
Bootstrap是可自定义的，您可以adjust Bootstraps breakpoints满足您的需求。
如果你喜欢冒险，总是处于最前沿，或者（取决于你的用例）只是鲁莽，你也可以使用Bootstrap 4，因为它引入了第4个断点（它给你5种不同的尺寸）以横向模式更好地定位设备。

这是来自Bootstrap的V4-Docs的相关CSS，不要混淆他们从px切换到em作为测量的主要单位：

// Extra small devices (portrait phones, less than 34em)
// No media query since this is the default in Bootstrap

// Small devices (landscape phones, 34em and up)
@media (min-width: 34em) { ... }

// Medium devices (tablets, 48em and up)
@media (min-width: 48em) { ... }

// Large devices (desktops, 62em and up)
@media (min-width: 62em) { ... }

// Extra large devices (large desktops, 75em and up)
@media (min-width: 75em) { ... }

Bootstrap“移动优先”行为

1 个答案: