css 媒体查询不适用于 Sony Xperia Z 智能手机

Question

我需要你的帮助，我的 css 媒体查询代码遇到了问题。

我刚写了下面的css媒体代码

@media (max-width: 900px) {

    #content {
       width: 100%;
       margin: auto;
    }
    #recent_activities .act {
        width: 94%;
        padding: 3% 10px;
        background-color: #FFF;
        text-align: left;
        margin-bottom: 10px;
        margin-left: 0px;
        height: inherit;
    }
    #header_container
    {
        display: none;
    }

   #footer {
        width: 94%;
        margin: auto;
        padding: 3% 0px;
        text-align: center;
    }
}

我的问题是，当我重新调整浏览器大小时，代码在计算机屏幕上运行良好 window，但不幸的是，它在我的 smart-phone (Xperia Z) 上不起作用。

Answer 1

只需将以下元标记放入 <head>:

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">

希望对您有所帮助。

css 媒体查询不适用于 Sony Xperia Z 智能手机

css media query doesn't work on Sony Xperia Z smartphone

css

media-queries