2012-02-05 72 views
1

在iPad2 Safari瀏覽器上發生了非常奇怪的事情。iPad上的CSS網站問題

以下頁面(主頁)切斷最右上方的導航鏈接。它應該說「請求報價」,但切斷「請求」。

此外,頁面不會自動調整大小以正常適應iPad屏幕。

網站網址:www.skiplan.co.uk

我一直在使用視meta標籤試過,但它只是使情況變得更糟。

任何想法?我在螢火蟲中看不到任何問題。

注:蹩腳的網上iPad的模擬器表現出來罰款 - 這是發生在真實的/物理的iPad2

+0

這個問題不是ipad相關的,當你讓瀏覽器窗口的寬度足夠小時,你也會得到這種行爲 – Felix 2012-02-05 19:31:26

回答

3

iPad的視口的行爲,就好像它是960像素寬,所以你的網站是不是它的屏幕更大。需要使用視口元標記才能正確縮放,儘管您可能必須四處遊覽才能正確地進行縮放。

另一種選擇是使用媒體查詢爲較小的屏幕設計較小的版本。

我的建議是始終有一個960像素的版本 - 1020像素不是一個普遍的寬度!

+0

我在我的html文件中有這個元標記。仍然沒有解決我的問題。一旦我嘗試將其設置爲960像素,我會盡快回復您 – 2012-02-20 05:45:45

0

您很可能會使用百分比等CSS樣式,這會隨後在iPad上適應顯示大小容器(最大尺寸)而破壞您的設計。

最常見的情況是,當人們在px中定義了一個盒子/容器但在%' or em`中定義了字體/ etc時,我看到了這個。

+0

我沒有在我的網站上使用任何百分比。事實上,我的第一個佈局http://www.imageworkz.asia/TheHatLab2使用百分比的高度,實際上效果更好。 – 2012-02-20 05:44:08