iphone - @media用“或”和iPhone查询怪异

如果我使用此查询（iPhone视网膜）

     #clickme
    {
        font-size: 200%;
        position: absolute;
        top: 50px;
        left: 50px;
        width: 200px;
        height: 100px;
        background-color: red;
    }
   @media (min-device-width: 480px)
    {
        #clickme
        {
            font-size: 100%;
            position: absolute;
            top: 50px;
            left: 50px;
            width: 100px;
            height: 50px;
            background-color: green;
        }
    }

颜色是红色，但是如果我添加or子句

    @media (min-device-width: 480px) or (orientation: landscape)
    {
        #clickme
        {
            font-size: 100%;
            position: absolute;
            top: 50px;
            left: 50px;
            width: 100px;
            height: 50px;
            background-color: green;
        }
    }

并且设备为纵向，按钮为绿色

这可以解决而无需诉诸单独的查询吗？

最佳答案

or在媒体查询中不是有效的关键字。

您需要有单独的媒体查询，但是要将它们与逻辑或组合在一起，请使用逗号：

@media (min-device-width: 480px), (orientation: landscape)

关于iphone - @media用“或”和iPhone查询怪异，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23914253/