在移動設備中響應式工作有所不同嗎？

只是爲了實驗的目的，我配置了以下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瀏覽器窗口的寬度這部作品桌面版Chrome罰款。當網頁加載完畢後到我的服務器，並打開它的Chrome瀏覽器在我的iPhone 4S在肖像模式

：

但是，它並沒有在下列2分的情況下工作。
當我右鍵單擊頁面中的Chrome，然後選擇「檢查」，然後選擇「切換裝置」（從開發工具），並選擇任意手機的各種肖像模式。儘管所有的手機模式都在600px以下，

是什麼給出的？

來源

2016-11-15 thanks_in_advance

這工作正常的桌面Chrome縮小了Chrome瀏覽器窗口的寬度。當網頁加載完畢後到我的服務器，並打開它在Chrome瀏覽器中我的iPhone 4S在肖像模式

：

但是，它並沒有在下列2分的情況下工作。

當你有這樣的症狀，要檢查的第一件事是，你必須在你的文檔的頭部視meta標籤

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

祝你好運

來源

2016-11-15 04:25:23

對於iPhone（4S，5和5秒，6,6加）縱向媒體查詢像下面

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

也使用this鏈接，iPhone媒體查詢

來源

2016-11-15 04:13:59

在移動設備中響應式工作有所不同嗎？

回答

相關問題