我们可以在调整窗口大小时更改浮动值

Question

早期浮动值是正确的，所以当我重新调整窗口大小时，浮动值应该变为无。我怎么办？

<style>
#test{
float:right;
padding: 10px;
color:"blue";

}
</style>

然后我尝试使用此代码，但它无法正常工作

<style>
@media all and (min-width: 450px){
 float:none;
}
<style>

Answer 1

您忘了将css规则放在同一个#test类中。

<style>
@media all and (min-width: 450px){
   #test {
    float:none;
   }
}
<style>

Answer 2

您忘记了css selector，

尝试：

@media all and (min-width: 450px){
    #test{float:none;}
}

Answer 3

试试这个.m

<style>
@media all and (max-width: 450px) {
  #test {
   float:none;
  }
}
<style>

Answer 4

首先，所有其他答案都指出你必须这样做：

@media all and (min-width: 450px){
    #test{float:none}
}

但是你指出它不起作用，我的猜测是你在媒体查询后添加了#test的默认属性。您在媒体查询之外编写的选择器始终“可用”，并且它会覆盖您的属性。添加!important应该可以解决这个问题。

@media all and (min-width: 450px){
    #test{float:none !important}
}