4

CSS メディア クエリに問題があります。コンピューターでは問題なく動作しますが、私の iPhone では動作しません。ここに私が持っているものがあります:

@media only screen and (max-width: 400px) {
    .logInCenter{
        width:90%;
        left:0;
        top:0;
        margin-left:0px !important;
    }
}

@media only screen and (min-width: 401px) and (max-width: 768px) {

    .fluid-half
    {
        display:block;
        padding:20px 0px;
        width:100%;
        float:none;
    }

}

@media only screen and (min-width: 769px) and (max-width: 991px) {

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

}

@media only screen and (min-width: 1200px) {

}

問題は、iPhone がスタイルを 3 番目のメディア クエリに入れたときにしか検出しないことです。問題は、幅が 100% の場合、他のデスクトップ サイトと同じように見えることです。本当に遠い。それが理にかなっていることを願っています！ありがとう！

4

2 に答える 2

16

次のコードが HTMl ヘッドにあることを確認しましたか? ビューポートのサイズを調べるようにデバイスに指示します。

<meta name="viewport" content="width=device-width">
于 2013-11-06T10:51:25.313 に答える
3

css メディア クエリを使用しているため、html ファイルでメタ タグを使用しないでください。以下を使用して css で同じものを設定できます。

@viewport {
   width: device-width;
   zoom:1;
}
于 2015-06-30T10:03:46.337 に答える