如果我在浏览器中打开我的网站并按 Ctrl + ,一切都会变大。此外,当内容对屏幕变大时,我的媒体查询会被触发。就像他们在屏幕变小以获取内容时一样。
现在,我想通过网页中的按钮实现此功能。我试图更改正文的字体大小,并尝试在html标记上。但没有任何作用。当内容变得很大时,我的媒体查询不会被触发。
有没有办法实现这个目标?我顺便在EM中使用媒体查询(如@media all and (min-width:75em) {/*my declarations*/}
)
Using css-zoom or -transform like someone proposed here无法解决此问题。
修改的: 以下是一些澄清我问题的视觉示例:
当我使用 Strg + 将内容缩放到200%时,我得到了以下内容: 正如你所看到的,一切仍然“到位”,网站看起来仍然很好。
但是当我在css中使用例如:html { font-size:2em }
时,输出如下:
一切都不合适。
我搜索了一种通过css或js使用浏览器缩放的方法。