html - 创建媒体查询以显示页面缩放 90%

Question

我设计了一个在 90% 缩放时显示效果更好的网站。我想知道是否有办法从我的浏览器中提取样式并将它们添加到新的媒体查询中。

不幸的是，我没有设计我的网站来明确地使用 EM 和 %，所以改变正文大小是行不通的。我预见到我必须检查样式并更改值以满足 90% 或将所有值转换为 em/%。

所以我的问题是；当浏览器以 90% 缩放比例显示时。是否可以从浏览器中提取这些样式，或者是否有任何方法可以轻松转换或获取这些值？

Answer 1

我怀疑浏览器能否为您提供缩放值，因为据我所知缩放是样式引擎的“顶部”。您可以通过查看浏览器开发工具中元素的计算尺寸来了解这一点。它们不会根据缩放级别而改变。

您可以尝试使用 CSS transformation :

body {
  transform: scale(.9);
}

然而，这不一定与浏览器缩放相同，因为它们的工作方式不同。