1

我从一些 Handelbar 模板中编译了一些静态 html 文档。我错误地忘记了html使<!doctype html>我的文档解释有点不同的地方，我假设 4.0 过渡......这就是 w3c 所说的。

所以我添加了它，现在@media我的css中的一些查询没有被读取。我根本没有更改css文件。

如果我html从 doctype 中删除它们，它们将再次起作用。我认为这可能与我设置的编码有关utf-8，它看起来默认为utf-8.

我的媒体查询看起来像

@media all and (max-width : 480px){
  /* this is not applied */
}

奇怪的是我安装了 Zurb 基础，它的查询工作正常，例如。

@media only screen and (max-width: 767px){
  /*eh this works in zurb*/
}

我也使用 SCSS 来编译我的 CSS。

4

1 回答 1

0

css 文件是utf-8通过 SCSS 以不同的方式编译的，因此编码错误。在我之前没有严格的编码，因为html缺少的doctype是抛出一个错误，使 html 解析绕过我meta charset的设置。

所以我所做的只是在我指定的 SCSS 文件中

@charset "utf-8";

现在我符合标准并且我的媒体查询正在工作 yeee

于 2013-04-14T15:03:29.743 回答