2012-03-14 59 views
0

我正在使用一個在大多數瀏覽器(我所測試過的)都能正常工作的網站,但是在使用ios5的iPhone(4)中它看起來不太好。如何讓網站在iPhone和iPad上更好地展示? (寬度太小)

它以某種方式切斷網站右側部分的80-100 px,從而隱藏文字和圖像。

如何設置本網站強制iPhone(和iPad)顯示全部?

寬度是1030像素。通常我會看到iPhone然後「縮放」網頁以適應屏幕,但不知何故,這不是。

Here is the site

我一直在用CSS鬼混,看看是否有幫助,但現在我還沒有找到它。

有什麼想法?

我需要使用一些javascript,還是應該修改設計?

PS:我不是在尋找到製作「移動網站」,現在,剛剛得到的當前網站顯示所有在iPhone手機等

+0

谷歌周圍的一個術語是「視口元」結合可能是「iPad」。例如[這篇文章](http://www.allenpike.com/2010/choosing-a-viewport-for-ipad-sites/)可能是有趣的(儘管它已經在2010年已經)。 – Jeroen 2012-03-14 09:23:47

+0

@Jeroen謝謝。這樣做的技巧:-)'' – Netthandel 2012-03-14 10:13:51

+0

好聽。您應該將最終解決方案和調查結果作爲答案發布,並接受它作爲適合您的答案。 – Jeroen 2012-03-14 13:19:39

回答

5

@Jeroen曾在我的情況的最佳答案:

<meta name="viewport" content="width=1030, maximum-scale=1.0" /> 

由於吉榮沒有submi t作爲答案我張貼在這裏作爲答案:-)

我把上面的meta在我的網站上,它的工作就像一個魅力! 謝謝Jeroen

+0

這是答案,但我不能接受這個作爲我的答案,在2天過去之前...... – Netthandel 2012-03-14 20:19:07

-2

通常解決這類問題是創造不同的樣式表不同的瀏覽器。做一些研究,以瞭解用戶連接的位置(IE,chrome,ipad等)並相應地綁定css。

+0

是的,我知道。但我一直在與CSS混戰,沒有找到讓iPhone渲染的頁面比實際更窄的原因。 我的生活中有很多網站,但從未發現這是一個問題。我所做的所有其他網站顯示,它應該在iPhone等。它只是在iPhone的Safari做一些奇怪的事情... – Netthandel 2012-03-14 10:05:37

+0

瀏覽器?號決議?是。您的目標應該是設備尺寸或屏幕分辨率(例如<320像素)。 – Damien 2012-03-14 10:16:30

相關問題