調整我有畫有大小960像素寬度和高度爲640px畫布太大的iPhone屏幕,不會與視口標籤
我想這顯示以適應iPhone4的屏幕上的畫布的網頁。它目前太大,並有滾動條。
我想縮小以適合使用
<meta name="viewport" content="width=320, initial-scale=0.5"/>
屏幕
我曾嘗試上,但它不工作。
有誰知道我可以如何讓它適合iPhone4屏幕?
調整我有畫有大小960像素寬度和高度爲640px畫布太大的iPhone屏幕,不會與視口標籤
我想這顯示以適應iPhone4的屏幕上的畫布的網頁。它目前太大,並有滾動條。
我想縮小以適合使用
<meta name="viewport" content="width=320, initial-scale=0.5"/>
屏幕
我曾嘗試上,但它不工作。
有誰知道我可以如何讓它適合iPhone4屏幕?
林編輯我的職務,即時通訊索裏我還沒有看到詳細說明你的問題,但在這裏它是
隨着死神說還提到關於像素數和百分比, 設置你的畫布爲「像素」將是一個問題,您的移動網站,因爲移動的視口只有小的,所以說960像素您的寬度造成了巨大的滾動條會導致你的iphone着顯示960像素,所以請確保您使用的百分比爲您的網頁包裝,像這樣
#pageWrapper{
width:100%;
height:100%;
}
和那麼你的頁面內容將使用媒體查詢。
有更多的指南和有關使您的網站移動準備一定要檢查這個以下鏈接
http://css-tricks.com/css-media-queries/
希望這有助於會談
你有沒有使用百分比嘗試,而不是像素的寬度和高度? – Azrael