是否可以将相同的样式应用于最小宽度和最小设备宽度？

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

媒体查询没有or运算符，您可以做的是以逗号分隔的列表：

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

如果列表中的任何媒体查询评估为true，则将应用您的样式。