Question

在经典应用程序中，当最终用户进入页面时，我们尝试提供属于该页面的所有CSS。但是，最终用户只对页面的可见部分感兴趣。我们加载的CSS组件属于可见页面大小，但不可见部分也是如此。

如何在需要时加载CSS组件？例如：当最终用户向下滚动时，然后加载所需的CSS组件。

谢谢。

Answer 1

您可以通过@media查询来实现。

@media only screen and (max-width: 600px) {
    body {
        background-color: lightblue;
    }
}

通过这种方式，您可以在所有屏幕尺寸上做到这一点

您可以在以下位置阅读有关此内容的更多信息： https://www.w3schools.com/cssref/css3_pr_mediaquery.asp