css - @media only screen and (max-width: 320px) for ID

Question

我有这段代码。我是初学者：/

https://ibb.co/ccrFFG 我想增加一些责任， @media only screen and (max-width: 320px) {} 但它不适用于 ID。请问您将如何更改代码？:)

谢谢

Answer 1

从您的代码中，我不确切知道您要实现的目标，但我建议您使用下面的代码作为指导。

  @media screen and (max-width: 320px) {
    #yourID {
        width: 260px !important;
    }
 }

Answer 2

css 媒体查询仅在您使用视口元标记时才有效，请确保在您的网站上使用它。

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

您可以在此处准备更多信息： https ://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag