javascript - 如何根据屏幕大小更改网页缩放？

Question

嗨所以我创建了一个在我的桌面显示器上看起来不错的网页。当我使用笔记本电脑查看页面时，页面看起来异常。但是，当我将页面缩放到 67% 时，它看起来很好。我的显示器和笔记本电脑的分辨率相同，1920 x 1080，但我的显示器比笔记本电脑的大。我知道我可以更改 CSS 的缩放，但它在我的电脑上看起来很糟糕。我想知道有没有办法根据 javascript 或 CSS 中的屏幕大小更改缩放。

标签： javascripthtmlcsszooming

Answer 1

一种选择是在 CSS 中使用媒体查询来更改根据屏幕大小应用的样式。您可以拥有一组适用于 PC 等较大屏幕的样式，而另一种适用于笔记本电脑等较小屏幕的样式。