css - 是否可以对最小宽度和最小设备宽度应用相同的样式？

Question

我处于技术上无法添加的情况:

<meta name="viewport" content="width=device-width, initial-scale=1">

是否可以创建如下规则:

@media only screen and (min-device-width : 768px) or (min-width:768){

或者应该有两次相同的 CSS(第一次在 min-device-width 中，第二次在单独的 min-width 规则中。

或者我应该只使用 min-device-width 并接受如果有人调整了他们的浏览器大小，CSS 将不适用。

Answer 1

媒体查询没有或运算符，您可以做的是一个逗号分隔的列表:

@media only screen and (min-device-width : 768px), only screen and (min-width:768)

如果列表中的任何媒体查询计算结果为真，您的样式将被应用。