内容变大时触发媒体查询

时间:2016-04-29 16:15:54

标签: javascript css browser

如果我在浏览器中打开我的网站并按 Ctrl + ,一切都会变大。此外,当内容对屏幕变大时,我的媒体查询会被触发。就像他们在屏幕变小以获取内容时一样。

现在,我想通过网页中的按钮实现此功能。我试图更改正文的字体大小,并尝试在html标记上。但没有任何作用。当内容变得很大时,我的媒体查询不会被触发。

有没有办法实现这个目标?我顺便在EM中使用媒体查询(如@media all and (min-width:75em) {/*my declarations*/}

Using css-zoom or -transform like someone proposed here无法解决此问题。

修改的: 以下是一些澄清我问题的视觉示例:

这是粉碎的杂志网站,宽度为1920px: enter image description here

当我使用 Strg + 将内容缩放到200%时,我得到了以下内容: enter image description here 正如你所看到的,一切仍然“到位”,网站看起来仍然很好。

但是当我在css中使用例如:html { font-size:2em }时,输出如下: enter image description here 一切都不合适。

我搜索了一种通过css或js使用浏览器缩放的方法。

0 个答案:

没有答案