手机的CSS Media查询没有检测到屏幕宽度？

Question

这是CSS：

header {
  width: 400px;
  margin: 0 auto;
}
section {
  width: 400px;
  margin: 0 auto;
}
footer {
  width: 400px;
  margin: 0 auto;
}

以下是我对index.html的查询：

  

<link rel="stylesheet" href="mobile.css" type="text/css" media="handheld" />

看起来不错，但我错了。

Answer 1

大多数智能手机都可以通过使用css媒体查询来定位。作为优势，您还可以针对小型浏览器窗口。 看看www.lessframework.com，解释了这些查询的作用，以及如何采用is。