2012-10-05 133 views
0

我在創建客戶網站的開始,但我已經遇到了絆腳石;我試圖在Wordpress中爲導航添加功能區類型的外觀,但是無論何時我在iOS和iOS設備(如iPhone和iPad)上添加填充或頁邊距(即.menu ul),功能區的右側都會延伸屏幕比它應該進一步。WordPress的導航CSS兼容性問題

任何想法是什麼造成這種情況?

網站中的問題:http://site.n8geeks.com

編輯:我改變的寬度。菜單UL - 它出現時我添加的像素值,它是在iOS的瀏覽器有不同的解釋,但是當我添加一個百分比值它在iOS上看起來很好。任何想法,爲什麼這是?

編輯2:現在的問題是功能區的頂部不會顯示在iOS設備的右側(位於頁面後面的位置)。任何幫助?

謝謝。

+0

可能是填充。您應該使用'@ media'查詢針對不同樣式的移動設備。 –

+0

是的,原因是你的背景圖像的色帶大於屏幕分辨率 – Caelea

回答

0

對於那些未來可能會遇到類似問題的人,問題在於Safari採取了父包裝並調整其大小以適應屏幕。解決這個問題涉及添加一個比#page包裝器更大的新包裝器。