@media查詢在桌面瀏覽器中可用，而不是在移動瀏覽器中

-1

我最近更新了我的site以使其移動友好。在筆記本電腦上，當我將瀏覽器窗口變得更小或更大時，@media查詢將觸發並更改CSS。但是，在我的實際移動瀏覽器上，我正在獲取桌面版網站。有人可以告訴我發生了什麼事嗎？@media查詢在桌面瀏覽器中可用，而不是在移動瀏覽器中

您是否包含元標記 – stanze 2015-03-19 04:41:38

@stanze我沒有。我應該在哪裏放？對不起，對這個標籤不太瞭解。 – 2015-03-19 04:45:26

在部分 – 2015-03-19 04:47:12

包括在

<meta name="viewport" content="width=device-width, initial-scale=1">

，也將努力

2015-03-19 04:44:32

我試了一下，但還是不行。我是否應該將標記放在每個頁面的頭部，以便在移動設備上進行不同的渲染？ – 2015-03-19 04:49:10

@ShubhangDesai不，你應該把它放在主頁頭標籤。 – ketan 2015-03-19 04:59:22

我得到它的工作，謝謝！ – 2015-03-19 05:00:28

您應該添加<meta name="viewport" content="width=device-width, initial-scale=1">在你的網頁。
，以便虛擬視口與設備尺寸相匹配。

將Meta標籤添加到您網站的頭部部分。您需要將Meta標籤放置在頭部其他Meta標籤下方或標題標籤上方。

沒有視口元標記，您的網站將被渲染到設備的默認虛擬視口中。

此元標記告訴移動設備不縮放。這允許將用於移動設備的響應模板加載到腳本中。

2015-03-19 04:45:29 ketan

回答