Javascript 如果分辨率低于1920 x 1080p，则使用不同的css文件

我有一个网页，如果分辨率低于1920x1080，就会出现一个滚动条，我认为这不是我想要的外观。我希望所有内容都能放在一个页面上，那么，如果分辨率低于1080p，我如何才能将css文件更改为另一个，在这里我可以将内容调整为更小的内容，以适应更低的分辨率？

媒体查询

---

媒体查询救援

@gman：以上回答了您的实际问题，但您最好只使用一个CSS文件，其中包含媒体查询，这样做的优点是在尺寸变化的设备上（例如，纵向与横向）工作良好。如果使用单独的文件进行查询，则当查询变为真时，设备必须下载另一个文件。从你的问题来看，听起来你只是想改变一两条规则，而不是整个样式表。我同意@T.J.Crowder的观点，可以选择将所有规则放在同一个文件中。但是，这两个单独的下载可能不会对页面速度产生显著影响，并且组合查询会迫使所有用户下载所有样式（而不仅仅是较小的屏幕）。两种方法都是有效的；阅读文章，考虑两种观点，决定哪种方法适合你。我不能说我完全理解它。我在我的中添加了这个，并把它放在home1.css中，看看它是否在900p时发生了变化。它没有改变。我做错了什么？另外，这是一个桌面版本，所以方向改变并不重要。logoPaper{height:500px；}Well max width:800px表示它只包含在800px或更小的位置。你也可以做最小宽度、最大高度、最小高度等。你必须根据你的需要调整数字。阅读这篇文章，它包含了您需要的所有信息。我已经阅读了这篇文章，并根据dpi进行了更改，但仍然不起作用。logoPaper{height:500px；}@gman：以上回答了您实际提出的问题，但您最好只使用一个CSS文件，其中包含一个媒体查询，这样做的优点是可以在尺寸变化的设备上正常工作（例如，纵向与横向）。如果使用单独的文件进行查询，则当查询变为真时，设备必须下载另一个文件。从你的问题来看，听起来你只是想改变一两条规则，而不是整个样式表。我同意@T.J.Crowder的观点，可以选择将所有规则放在同一个文件中。但是，这两个单独的下载可能不会对页面速度产生显著影响，并且组合查询会迫使所有用户下载所有样式（而不仅仅是较小的屏幕）。两种方法都是有效的；阅读文章，考虑两种观点，决定哪种方法适合你。我不能说我完全理解它。我在我的中添加了这个，并把它放在home1.css中，看看它是否在900p时发生了变化。它没有改变。我做错了什么？另外，这是一个桌面版本，所以方向改变并不重要。logoPaper{height:500px；}Well max width:800px表示它只包含在800px或更小的位置。你也可以做最小宽度、最大高度、最小高度等。你必须根据你的需要调整数字。阅读这篇文章，它包含了您需要的所有信息。我已经阅读了这篇文章，并根据dpi进行了更改，但仍然不起作用。标识纸{高度：500px；}

<!-- CSS media query on a link element -->
<link rel="stylesheet" media="(max-width: 800px)" href="example.css" />