2014-02-05 105 views
0

我正在嘗試使網站響應。標題應該是頁面寬度的100%,在所有設備上,所以我設置的寬度像這樣:在智能手機上重新導航時未觸發媒體查詢

width:100%; 

它完美以及在所有設備上,但是在智能手機上,它僅適用您第一次訪問頁面。如果您點擊頁面上的鏈接,然後點擊「返回」,網站會「爆炸」,並顯示完全錯誤,並且標題肯定不是100%。

有沒有其他人有過這個問題?

第一次您訪問的頁面: First load

當你去到另一個頁面,然後單擊「返回」此頁: When you go back

我談論的面積與紅色邊框,目前沒有除紅色邊框之外的樣式。

問題仍然存在,既帶或不帶

回答

0

檢查你的視口設置。他們應該

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

但我有一個完全不同的頁面,在這裏我不使用視meta標籤ATT一切,因爲我導航「回」在這些頁面上的頭永遠只是改變? – Alisso

+0

您需要使用視口來控制任何類型的縮放,特別是在智能手機上。 –

+0

不解決問題。相反,標題現在顯示的寬度爲屏幕的100%,但該頁面旁邊有很多空格,而且我無法縮小等等。/(只有當我「返回」時纔會發生這種情況。 – Alisso