如何根据屏幕尺寸更改网页缩放？

Question

[嗨，我创建了一个网页，它在台式机显示器上看起来不错。当我使用笔记本电脑查看页面时，页面看起来异常。但是，当我将页面缩放到67％时，它看起来不错。显示器和笔记本电脑的分辨率相同，均为1920 x 1080，但是显示器要比笔记本电脑的显示器大。我知道我可以更改CSS的缩放比例，但是在我的PC上看起来不好。我想知道是否有一种方法可以根据JavaScript或CSS中的屏幕大小来更改缩放。

Answer 1

一个选项可能是在CSS中使用media queries来更改所应用的样式，具体取决于屏幕的大小。您可能有一套样式适用于大屏幕（例如PC），另一种样式适用于较小的屏幕（例如笔记本电脑）。