2013-03-20 93 views
1

EDIT響應站點:縮放,以200%上移動

上具有多個設備的進一步測試,其中包括圖形直尺測量它似乎整個網站被縮放爲200%的畫面。我嘗試在視口元標記中添加maximum-scale = 1,但這樣做只能防止縮放,而不是初始縮放,這已經應該是1.還嘗試將初始縮放比例降低到1以下,但沒有區別。 注:縮放是關閉iphone的一般設置。


在我們的新響應式垃圾上,我們有一個google doubleclick橫幅300px x 75px。我正在測試的iphone4屏幕(chrome,sarafri)的分辨率爲640x960,但橫幅寬度大於300px。剛剛檢查了一個nexus(鉻),它也比它應該大。在一個destop它顯示在正確的大小,所以我不認爲有任何媒體查詢擴大它。

我已經包含meta標籤: <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">

爲什麼它大於它應該將不勝感激的任何想法!

It appears as the screenshot below:

回答

2

在iPhone 4顯示具有像素作爲與原始的iPhone的四倍。爲了防止移動網站看起來很小,它將它們放大了200%。

您將橫幅導出爲哪種文件類型? iPhone通常不喜歡位圖圖像,有時甚至是HTML5畫布。

您是否嘗試過設置最大比例並防止用戶縮放?你的描述說明已經設置了最大比例,但你提供的代碼是最小的?

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 
+2

謝謝比利:)橫幅是通過谷歌雙擊服務的gif。只有最小寬度的代碼是初始文章,因爲我們嘗試了最大規模,並防止用戶縮放,但它仍然出現在相同的200%。感謝您澄清爲什麼發生,至少我知道它不是我們網站的錯誤 - 我們必須解決它。歡呼 – 2013-03-21 17:09:30

+0

沒問題,祝您找到解決方案! – JellyFishBoy 2013-03-22 10:15:48