Bootstrap 3在移动视图上应用CSS

发布时间：2020-12-18 00:09:11 所属栏目：安全来源：网络整理

导读：我使用Bootstrap 3，在移动视图中，我想应用一些CSS来修复移动视图上的一些错误。我看了文档和谷歌。我似乎找不到任何线索。可能吗？解决方法只需在CSS中使用适当的媒体查询，例如 @media (max-width: 767px) { /* CSS goes here */} Bootstrap定义了以下

我使用Bootstrap 3，在移动视图中，我想应用一些CSS来修复移动视图上的一些错误。我看了文档和谷歌。我似乎找不到任何线索。

可能吗？

解决方法

只需在CSS中使用适当的媒体查询，例如

@media (max-width: 767px) {
    /* CSS goes here */
}

Bootstrap定义了以下宽度

>超小设备(手机，小于768像素)
>小设备(平板电脑，768像素及以上)
>中型设备(桌面，992像素及以上)
>大型设备(大型桌面，1200像素及以上)

有关媒体查询的更多信息，请参阅http://css-tricks.com/css-media-queries/。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!