レスポンシブはモバイルでは異なった動作をしますか？

ただ、実験の目的のために、私は設定さmedia query以下：レスポンシブはモバイルでは異なった動作をしますか？

@media only screen and (max-width: 600px) { 
     .fontresize { font-size: 3em; } 
    } 


    <table style="width: 100%;" border="0"> 
    <tbody> 
     <tr> 

     <td width="50%"><a href="food.html" class="fontresize">Food</a></td> 
     <td width="50%"><a href="candles.html" class="fontresize">Candles</a></td> 

     </tr> 
    </tbody> 
    </table>

私はChromeブラウザウィンドウの幅を縮小したときにこれは、デスクトップ上のクローム正常に動作します。私は自分のサーバーにページをロードして、ポートレートモードでは、私のiPhone 4SでChromeブラウザ上でそれを開くと

：

しかし、それは、次の2つの状況では動作しません。
Chromeでページを右クリックして「検査」を選択し、「ツールを切り替え」（Dev Toolsから）を選択し、さまざまな電話ポートレートモードを選択します。これは、すべての電話モードの幅が600px未満であるという事実にもかかわらずです。

何がありますか？ iPhone用

出典

2016-11-15 thanks_in_advance

を照会するためにこれは、デスクトップ上の正常に動作thisリンクを使用クロムの幅を狭くするとChromeクロムブラウザウィンドウ

しかし、それは、次の2つの状況では動作しません：

私は自分のサーバーにページをロードして、ポートレートモードで私のiPhone 4SでChromeブラウザ上でそれを開くと。

あなたは、このような症状を持っている場合は、チェックしたい最初の事はあなたの文書の頭の中で

<html> 
<head> 
<meta charset="UTF-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
.... 
</head>

詳細ビューポートのメタタグを持っていることです：http://www.w3schools.com/css/css_rwd_viewport.asp

を幸運

出典

2016-11-15 04:25:23

@media only screen and (max-device-width : 667px) and (orientation : portrait) 
{ 
.fontresize { font-size: 3em; } 
}

以下のような縦長のメディアクエリで（4S、5及び5S、6、6 Plusは）また、iPhoneのメディアは

出典

2016-11-15 04:13:59

レスポンシブはモバイルでは異なった動作をしますか？

答えて

関連する問題