簡體   English   中英

CSS媒體查詢在Sony Xperia Z智能手機上不起作用

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

我需要您的幫助,我的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;
    }
}

我的問題是,當我調整瀏覽器窗口的大小時,代碼在計算機屏幕上可以正常運行,但是不幸的是,它在我的智能手機(Xperia Z)上不起作用。

只需將以下元標記放在<head>

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

希望能有所幫助。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM