2013-05-29 38 views
0

我已將一些媒體查詢添加到my site here,當我將瀏覽器的窗口最小化爲最小尺寸時,它會正確顯示。雖然不幸的是,當我導航到其中一個內部頁面時,原始設計在iPhone上顯示。在我的瀏覽器中進行測試時,無論我在哪個網頁上,該網站都能正常運行。響應式設計 - iPhone與小型瀏覽器顯示不同的網站

注意:要進行測試,請將瀏覽器最小化到最小寬度,以顯示他們想要的「移動網站」。

我完全難住了。有人能指點我爲什麼iPhone似乎加載舊的CSS,而瀏覽器本身正在加載當前的CSS?

謝謝!

+0

它在手機上的外觀與預期的外觀有何不同?對我來說,瘦身桌面版本看起來和我的iPhone一樣。也許是緩存問題? – bendytree

+0

它在主頁上正常工作,但加載了內部頁面的「桌面版本」。我甚至在網上嘗試過仿真器,它似乎也這樣做。 –

+0

我在內部頁面上看不到視口標記,只能在主頁上看到它。 – bendytree

回答

0

可能有人請點我的方向,爲什麼iPhone似乎加載舊CSS,而瀏覽器本身就是加載目前的CSS?

你可能會回答你自己的問題。這絕對看起來像一個緩存問題,因爲我在移動和桌面瀏覽器上都看到了同一個網站。

請嘗試清除您的手機瀏覽器的緩存。如果您使用Safari,請轉至設置> Safari>清除Cookie和數據。如果您使用Chrome或任何其他第三方瀏覽器,則通常可以在應用內設置頁面下清除本地文件。

3

請確保您有一個視meta標籤是這樣的:

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

我認爲這可能是問題,但我已經添加了這個。 - 非常感謝你試圖幫助,雖然! –

+0

謝謝男人這解決了我的問題:) –

相關問題