为什么我的移动响应 css 不起作用？

Question

对于特定的 div，我试图让 padding-left:10%; 对于桌面和 padding-left:0; 对于手机。 但是，下面的代码似乎不起作用。 希望你能帮忙。 谢谢你。

CSS 代码：

    @media (max-width:960px) {
        #tdpadding { padding-left:0%; }
    }
    
    @media (min-width:961px) {
    #tdpadding { padding-left:10%; }
    }

内联代码：

    <div class="tdpadding">
    some text here
    </div>

Answer 1

将其更改为 .tdpadding { padding-left:0%; }

Answer 2

您使用 css id 选择器前缀“#tdpadding”，因此您应该使用类选择器前缀“.tdpadding”

.tdpadding { padding-left:0%; }  

这段代码应该可以工作