我从一些 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。