Question

现在我的HTML文档中有这段代码：

<style type="text/css">
    @media handheld
    {
        footer{
            padding: 5% 0;
        }
        footer h6{
            font-size:.4em;
        }
    }
    @media screen and (max-device-width: 900px)
    {
        footer{
            padding: 5% 0;
        }
        footer h6{
            font-size:.4em;
        }
    }
    @media screen and (max-width: 320px)
    {
        footer{
            padding: 5% 0;
        }
        footer h6{
            font-size:.4em;
        }
    }
    @media screen and (-webkit-device-pixel-ratio: 1.5)
    {
        footer{
            padding: 5% 0;
        }
        footer h6{
            font-size:.4em;
        }
    }
</style>

正如您可以从此代码中看到的那样，我希望将相同的两个属性应用于每个媒体条件的相同两个元素。我想知道是否有更好的方法来做到这一点 - 没有链接到外部CSS文档。谢谢！

Answer 1

阅读this。逗号就像OR运算符一样。

@media screen and (max-width: 320px), (max-device-width: 900px)

如何优化CSS媒体类型和属性？

1 个答案: