css - 如何使响应式设计过渡顺畅？

我正在实现响应式设计，我的媒体查询具有静态规则，例如:

@media (max-width: 800px) {
   #content {
      float: none;
      margin-right: 0;
   }
}

等等。

然而，当屏幕调整为规则的宽度时，这些规则会产生跳跃和闪烁。所以你从 810px 到 805，然后到 800px，然后设计突然跳到新的媒体规则。

如何让我的响应式设计顺利地跳到新的媒体规则，从而实现愉快的过渡？

我看到很多网站都这样做，但我不知道他们是怎么做到的，所以我知道这当然有可能……只是怎么做到的？

最佳答案

由于你的问题太宽泛，这里有一篇关于这个主题的好文章:

关于css - 如何使响应式设计过渡顺畅？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32259927/