【问题标题】:Why is header not getting smaller in mobile browser?为什么移动浏览器中的标题没有变小?
【发布时间】:2012-01-28 02:49:57
【问题描述】:

我在http://androdevlab.com/style.css 中有一个媒体部分,当在移动浏览器中查看时应该适用于http://androdevlab.com。 具体来说,徽标和主标题字体应该变得更小,但事实并非如此。

想知道为什么?

【问题讨论】:

    标签: html mobile web


    【解决方案1】:

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

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

    或使用max-device-width

    或者,您可以添加 HTML 元素

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

    建议手机浏览器使用实际分辨率。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2021-08-27
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多