2014-01-31 25 views
1

調整我有畫有大小960像素寬度和高度爲640px畫布太大的iPhone屏幕,不會與視口標籤

我想這顯示以適應iPhone4的屏幕上的畫布的網頁。它目前太大,並有滾動條。

我想縮小以適合使用

<meta name="viewport" content="width=320, initial-scale=0.5"/> 

屏幕

我曾嘗試上,但它不工作。

有誰知道我可以如何讓它適合iPhone4屏幕?

+0

你有沒有使用百分比嘗試,而不是像素的寬度和高度? – Azrael

回答

1

林編輯我的職務,即時通訊索裏我還沒有看到詳細說明你的問題,但在這裏它是

隨着死神說還提到關於像素數和百分比, 設置你的畫布爲「像素」將是一個問題,您的移動網站,因爲移動的視口只有小的,所以說960像素您的寬度造成了巨大的滾動條會導致你的iphone着顯示960像素,所以請確保您使用的百分比爲您的網頁包裝,像這樣

#pageWrapper{ 
    width:100%; 
    height:100%; 
} 

和那麼你的頁面內容將使用媒體查詢。

有更多的指南和有關使您的網站移動準備一定要檢查這個以下鏈接

http://css-tricks.com/css-media-queries/

http://mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/

希望這有助於會談