为什么在移动浏览器中标题不会变小？

Question

我在http://androdevlab.com/style.css中有一个媒体部分，当在移动浏览器中查看时， 应用于http://androdevlab.com。 具体来说，徽标和主标题字体应该小得多，但它们不会。

想知道为什么？

Answer 1

您的媒体查询测试(max-width: 780px)，它与许多通常报告800的Android手机不匹配。要么将媒体查询更改为

@media only screen and (max-width: 800px) {

或使用max-device-width。

或者，您可以添加HTML元素

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

建议移动浏览器使用实际分辨率。