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

时间:2014-04-03 07:27:06

标签: html css responsive-design media-queries

我设计的网站在90%缩放时效果更好。我想知道是否还要从浏览器中提取样式并将其添加到新的媒体查询中。

不幸的是,我还没有将我的网站设计为最终使用EM和%,因此改变体型不会起作用。我预见到我必须通过样式并更改值以满足90%或将所有值转换为em /%.

所以我的问题是;当浏览器以90%缩放显示时。可以从浏览器中提取这些样式,还是有任何方法可以轻松转换或获取这些值?

1 个答案:

答案 0 :(得分:2)

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

您可以尝试使用CSS transformation

body {
  transform: scale(.9);
}

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