1

我有三个样式表：一个持久样式表，一个用于 800 像素或更大的窗口（“标准”），一个用于小于 800 像素的窗口（“移动”）。我的问题是标准样式表正在被识别和应用，但是当我将窗口大小调整到 800 像素以下时，移动表被忽略，我只剩下持久样式。我怀疑这是一个基本的语法错误，但我一直无法找到问题所在。

<link rel="stylesheet" type="text/css" href="persistentstyle.css">
<link rel="stylesheet" type="text/css" media="screen and (min-width:800px)" title="standard" href="style.css">
<link rel="stylesheet" type="text/css" media="screen and (max-width:799px)" title="mobile" href="mobilestyle.css">

我已经在标题中有必要的元标记：

<meta name="viewport" content="width=device-width" />

谢谢！

4

2 回答 2

1

可能你需要这个：-

<meta name="viewport" content="width=device-width">
于 2013-09-02T20:23:46.367 回答
1

通常，最常见的错误是不包含 CSS 媒体查询工作所需的元标记：

<meta name="viewport" content="width=device-width">

此链接解释了视口元标记，以及您可以分配给它的其他属性，例如允许缩放屏幕等等。

于 2013-09-02T20:23:57.970 回答