2012-04-20 57 views
1

我意識到創建移動版網站是一件複雜的事情。不過,我特別注意到,當你在手機瀏覽器上瀏覽它們時,大多數大型網站即iphone上的safari會立即填滿整個頁面。相比之下,我的網站顯示包括字體大小,邊界有空白,你需要手動調整它來填滿iphone屏幕。我收集的一部分解決方案是用百分比替換像素規格。還有什麼需要讓網站立即填滿窗格,也許在開始時的html doctype或其他元數據?移動版網站:調整爲屏幕尺寸

+0

您是否嘗試過使用[媒體查詢(http://css-tricks.com/css-media-queries/)? – 2012-04-20 23:40:10

回答

5

添加視口元標記

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

太棒了。那樣做了!有什麼不同。 – user1260310 2012-04-21 13:22:18