如何防止浏览器缩放触发样式表媒体查询attrs

时间:2016-08-18 23:30:07

标签: javascript jquery html css

我刚刚从px => em换出了我公司平台上的所有媒体查询,而且在阅读了许多其他线程(例如this)之后,我没有看到我预期的结果:{{ 3}}和一些博客赞美他们对px。

当我有一个样式表只能显示如下:

<link rel="stylesheet" href="css/special.css?256D" type="text/css" media="screen and (max-width: 64em)">

...当WINDOW的大小低于1024px或64ms时,我希望样式表显示出来。我的html字体大小是硬编码为16px。

当我从另一个SO问题通过这个方便的片段检查ems时:

$(window).width() / parseFloat($("html").css("font-size"));

...我在不同的缩放尺寸下得到不同的值,因为window.width的值随着缩放而变化。这会破坏我的用户的移动体验,因为只有真实屏幕的大小才能决定显示的内容。

如果没有通过JS等提供动态内容,我想要的是什么?

0 个答案:

没有答案