iPhone瀏覽器中添加右邊緣的一些資料覈實

這是我放在一起的網站應該是什麼樣子的： GB Personal Training iPhone瀏覽器中添加右邊緣的一些資料覈實

這就是它看起來像在iPhone上： iPhone Browser

由於你可以看到它推入了#wrap和＃outer-wrap DIV，因此它們中的背景圖片有一個右邊距，我不知道爲什麼。我只能訪問custom.css文件而不是HTML。

我目前正在編輯它的無性： gbptclone.live.subhub.com/

2012-02-22 ianbarnard

在body定義max-width。像這樣寫：

body { 
    min-width: 1000px; 
}

添加此您HTML head內：

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

來源

2012-02-22 10:09:23 sandeep

感謝您的建議，但似乎沒有任何改變。目前在http://gbptclone.live.subhub.com/ – ianbarnard 2012-02-22 10:23:57

的網站的克隆工作，我會看看我是否可以讓開發人員加入。謝謝 – ianbarnard 2012-02-22 11:47:27

得到了放在網站上，這有助於，謝謝！ – ianbarnard 2012-02-22 12:21:27

嘗試設置#outer_wrap和#wrap寬度（你可能要100％）。

它看起來像移動Safari正在擴大＃visual-portal-wrapper div的大小，這是不夠的，因爲Safari調整iPhone顯示的文本。你可以用-webkit-text-size-adjust：none來改變它。但這會讓iPhone用戶的鏈接變得過小。這就是爲什麼它適合普通的瀏覽器，但不適用於Mobile Safari。

更改div的寬度應該阻止它們將內容擴展到邊界之外（默認情況下它們是974像素，因爲這是＃visual-portal-wrapper的內容，但所有內容溢出並導致可視錯誤）和背景圖像顯示被切斷。您可能還想爲#outer_wrap添加背景定位，因爲它從Firefox中看到的屏幕截圖略顯偏離。

編輯：或者，您可以嘗試更改寬度：974px;在＃visual-portal-wrapper div min-width：974px，當然要確保你用最小寬度來解決IE的問題）。

來源

2012-02-22 11:15:36 SnakeBombs

謝謝。雖然即使我使用-webkit-text-size-adjust：none;它仍然有右側的空間。哪些具體的DIV需要添加寬度，因爲內容中有很多？ – ianbarnard 2012-02-22 11:44:59

如果我正確查看這個，#outer_wrap和#wrap divs沒有指定寬度，可能是因爲＃visual-portal-wrapper div的974px應該足以將它們展開到足以展示他們的背景圖像。我的猜測是他們在Mobile Safari上正確地擴展到了974px，但是隨後＃visual-portal-wrapper溢出，因爲974px在該瀏覽器上不夠寬。不幸的是，儘管溢出，實際974px寬度已經在CSS中設置，並且不能更改，所以2包裝div不會正確加寬。 – SnakeBombs 2012-02-22 11:57:14

對於＃visual-portal-wrapper而言，它在1000像素寬的情況下看起來要好得多，現在只是一個小小的空間。 – ianbarnard 2012-02-22 12:20:50

事實上，這將阻止用戶縮放內容（至極很爛，從用戶端體驗）：

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

相反，在我看來（我也不大師），你應該使用：

<meta name="viewport" content="width=1000px">

來源

2013-04-17 23:41:55 anatchim

iPhone瀏覽器中添加右邊緣的一些資料覈實

回答

相關問題