是否可以对min-width和min-device-width应用相同的样式？

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-设备宽度和接受，如果有人已经调整他们的浏览器中，CSS将不适用。

Answer 1

没有or运营商媒体查询，你可以做的是一个逗号分隔的列表：

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

如果列表中的任何媒体查询的结果为真，你的风格将被应用。