css - 关于媒体屏幕的简单问题。如何同时使用宽度和高度(每个都依赖于另一个)?
问题描述
所以我所拥有的是一个 with max-width: 992px
,另一个是max-height: 732px
and max-width: 992px
。我想要的是媒体屏幕只有在高度和宽度都低于最大值时才做一些事情。
我有这个:
@media screen and (max-height: 753px) and (max-width: 992px){
}
应该如何?
Nvm,只是放在@media screen
另一个里面。
解决方案
您可以使用嵌套媒体查询。像这样的东西
@media (max-width:992px) {
@media (max-height:432px) {
.test-div{
background-color: blue;
}
}
}
推荐阅读
- google-apps-script - 如何根据填充的单元格填充缺失的数据
- java - 你能把数组放到Java中的业务方法中吗
- r - 从不同列中的先前行计算列值
- python - 无法使用 selenium 将所需的键发送到下拉列表
- google-sheets - 如何比较一列中的两个单元格并查看它们是否在另一列中共享共同属性?
- r - model.frame.default 中的错误:运行方差分析时可变长度不同
- javascript - 如何多次调用Javascript函数
- clojure - clojure如何通过接口IFn中定义的函数调用调用clj文件中的方法?
- r - 如何在闪亮中编写复杂的数学函数
- matlab - 如何在 MATLAB 中将 aa unit8 灰度可视化为 RGB?无法添加第三维