メディアクエリはIphoneでは機能しませんが、ブラウザ上でうまく調整します

こんにちは、私は現在WordPressでボーンズというBoilerplateテーマを使用していますが、私のiPhoneで反応しやすいメニューを動作させるのに問題があります。私は手動でメニューのサイズを変更する場合には使用してメディアクエリはIphoneでは機能しませんが、ブラウザ上でうまく調整します

メディアクエリーイムに動作するように思わだけ画面と@media

です（最小幅：960ピクセル幅）{

仕事に取得しようとしているサイトのイムはこちら：link

私はテーマライターに行っていると、彼は日

出典

2012-11-05 Matt James

htmlの先頭にmedia = "screen"を含めましたか？（

You need to mention Media like this for iphone and smartphones 

/* Smartphones (portrait and landscape) ----------- */ 
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) { 
/* Styles */ 
} 

/* Smartphones (landscape) ----------- */ 
@media only screen 
and (min-width : 321px) { 
/* Styles */ 
} 

/* Smartphones (portrait) ----------- */ 
@media only screen 
and (max-width : 320px) { 
/* Styles */ 
}

出典

2012-11-06 12:41:54 Gopikrishna

メディアクエリーに最小値と最大値を使用する必要はありません**。特定の競合を回避するのに役立ちますが、インテリジェントな方法でスタッキングすることもできます。 –

の頭の中でこれを入れて、私はちょうど私がこれで私のスタイルシートをロードし、問題に出くわしました - 当然の異なるブレークポイントを持つ、とGa

@media screen and (min-width: 400px) { 
    body { 
     background: red; 
    } 
} 

h1 { 
    color: blue; 
}

と、いくつかのデバイス（iPhone、iPadのこのようなスタイルのlaxy Nexus）はbackground:red;ルール（「ネスト」メディアクエリ）を表示せず、の「インライン」メディアクエリ（h1）の以外のもののみを表示しました。しかし、Chromeやその他のブラウザでは問題なく使用できました。

出典

2013-06-14 13:43:39 allicarn

その時点で、彼は 'media =" screen "'に設定されているスタイルシートに印刷スタイルを持っているので、動作しません。 –

iPhone6/iOS8/Chrome、iPhone6/iOS8/Safari、Samsung S5/4.4.2/Chrome、Samsung S5/4.4.2/Stock、Samsung S5/4.4.2でこれをもう一度試してみましたが、この問題はありませんでした。/Firefox、iPad1/iOS5/Safari、Nexus7/4.4.4/Chrome、HTC One/4.4.2/Chrome、S2タブレット/ 4.0/Chrome、S2タブレット/ 4.0 /ストック、S2タブレット/ 4.0/Firefox – allicarn

これは、奇妙な私に飛び出した：

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) { 
    ... 
}

私はあなたがまたから移動することを検討したいかもしれないが

@media only screen and (max-width: 480px), 
@media only screen and (max-device-width: 480px) { 
    ... 
}

か...

@media only screen and (max-width: 480px) and (max-device-width: 480px) { 
    ... 
}

あるべきと考えていますあなたのdoctype用のHTML5へのXHTML。

出典

2013-06-14 18:57:25

メディアクエリはIphoneでは機能しませんが、ブラウザ上でうまく調整します

関連する問題