@media only屏幕和（max-width：320px）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

Answer 3

元标记已开启。当我使用.class它运行良好，但我需要使用#ID。

我不知道为什么这个#mark是绿色的，而dot是标准的。

  @media screen and (max-width: 920px) {
#section0 .box{
    color: #6ad1e3; !important;
}

}