主页 / 问题 / 1090656
Accepted
Asen123
Asked:2020-03-04 20:24:27 +0000 UTC2020-03-04 20:24:27 +0000 UTC

媒体查询低分辨率问题

  • 772

这个问题是微不足道的，但它仍然减慢了这个过程。事实上，屏幕分辨率高达 500 像素的媒体查询会立即应用，而 320 像素的媒体查询需要很长时间或根本不应用。可能是什么原因？

html

1 个回答

  1. Best Answer

    由于您希望您的样式以较小的窗口宽度更改，因此应按宽度递减的顺序指定媒体查询。像这样的东西：

    media only screen and (max-width: 700px) {
  #test {
    color: green;
  }
}

media only screen and (max-width: 576px) {
  #test {
    color: red;
  }
}
    • 0

相关问题