Question

我正在构建一个目标网页，并在我的主题部分中包含以下代码

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta http-equiv="cache-control" content="max-age=0" />
    <meta http-equiv="cache-control" content="no-cache" />
    <meta http-equiv="expires" content="0" />
    <meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
    <meta http-equiv="pragma" content="no-cache" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=1">
    <link rel="stylesheet" href="css/normalize.min.css">
    <!--<link rel="stylesheet" href="css/style.css">-->
    <link rel="stylesheet" href="css/mobile.css?v=1.2"  media="(max-width: 1000px)"  />
    <link rel="stylesheet" href="css/desktop.css?v=1.2" media="(min-width: 1001px)" />

媒体查询可以完美地在IE，Edge和Chrome之间切换布局和加载不同文件，但在Firefox中查看页面时，除非用户刷新页面，否则页面不会切换。

如果有任何关于如何解决此问题的建议，我将不胜感激，谢谢！

Answer 1

随着响应式设计模式的测量，Firefox中的放大模糊不清。显然，响应式设计模式中显示的尺寸不是网站的虚拟尺寸，而是屏幕尺寸，因此当Firefox放大或缩小时它们不会改变。 developer.mozilla

用户缩放时，媒体查询在Firefox中无法正常工作

1 个答案: