Css 将媒体查询应用于元素

试图将媒体查询应用于一个特定的div，但什么也没有发生

<style>
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.rating {
        margin: auto;
  }
</style>

@仅介质屏幕和（最小设备宽度：320px）和（最大设备宽度：480px）{
.评级{
保证金：自动；
}

您似乎已经错过了

}

之后的

.rating

<style>
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.rating {
        margin: auto;
  }
} /* <-- this one you missed */`enter code here`
</style>

@仅介质屏幕和（最小设备宽度：320px）和（最大设备宽度：480px）{
.评级{
保证金：自动；
}
}/*在哪里测试此代码？移动设备？桌面浏览器？你想实现什么？chrome Desktop@makshhYou看不到效果，因为你使用了
min device width
和
max device width
，这意味着你的风格只能在屏幕宽度大于320px小于480px的设备上显示。您可以使用
minwidth
和
maxwidth
代替，它的工作原理类似，但适用于屏幕大小，而不是设备大小。