有一些我绝对不会使用"移动首次默认行为"在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;在这里得到点答案 0 :(得分:0)
一般假设是内容在每个小于768px的设备/浏览器窗口上以相同的方式显示。如果您需要在下面的断点区分,您有几个选择:
这是来自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) { ... }