我重写了一个声明
.navbar .nav {
top:30px;
}
在我的CSS文件中，但我只想让这个声明在桌面浏览时被响应，而不是在手机浏览时。我该如何正确编写呢？谢谢您的帮助。
如何在Bootstrap中编写仅在桌面设备上可见的CSS？
3
在我的CSS文件中，但我只想让这个声明在桌面浏览时被响应，而不是在手机浏览时。我该如何正确编写呢？谢谢您的帮助。
- user2150267
1
通过为 .nav 类分配 top:30px，将会出现对齐问题。您是否想要将您的导航栏定位在距离顶部30像素的位置？ - Shail
1个回答
8
这里介绍媒体查询的强大作用：
@media only screen and (min-width: 960px) and (max-width: 1079px) {
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
}
- Santiago Baigorria
2
根据海报示例中的CSS
top:30px，您应该添加至少一个max-height示例。 - Stephen P你可以设置自定义尺寸...这些是我在最近的项目中使用的，因为我正在构建一个高清艺术画廊，所以第一个是（max-width: 1079px），但你可以根据自己的需求进行调整...祝好运。 - Santiago Baigorria
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接