Question

如果仅当满足align: center;条件时才想禁用@media属性，我应该使用什么命令？

@media(max-width=750px){
    #innerh2{
        disable align;
    }
}
<div id="innerh2">
    <h2 align="center">CSS</h2>
</div>

@media(max-width=750px){
    #innerh2{
        align: none;
    }
}
<div id="innerh2">
    <h2 align="center">CSS</h2>
</div>

Answer 1

不推荐使用align属性，HTML5不支持该属性。您应该改用CSS text-align属性，并在宽度超过750px时将其居中。

@media(min-width=750px) {
  .center-desktop {
    text-align: center;
  }
}

<div id="innerh2">
  <h2 class="center-desktop">CSS</h2>
</div>

Answer 2

您可以使用更好的方法。从HTML删除'align'属性，您根本不需要它。

为您的div使用类而不是id选择器。它不是强制性的，但尝试将 id 定义留给jQuery和类似用途。同时允许重用您的课程。

您的媒体查询定义错误

@media only screen and (max-width: 750px) {
   .innerh2{
        text-align: center; /* or right, left, justify, initial etc... */
   }
}
<div id="innerh2" class="innerh2" ><h2>CSS</h2></div>

Answer 3

在您的以下代码中

#innerh2{ 
align:none;
}

要对css属性align进行添加，只需像这样添加text即可：

#innerh2{
text-align:none;
}

在@media上禁用align = center

3 个答案: