2012-07-18 39 views
2

我目前正在使用中等dpi的視口meta標籤,如下所示的web應用程序。galaxy S3 .. viewport meta標籤does not work

<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, 
     width=device-width, user-scalable=no, target-densitydpi=medium-dpi" /> 

當我在Galaxy S3設備上測試它時,視口似乎不能正常工作。

我在Android 4.0.2中看到了這種東西。在android 4.0.2中,我聽說android操作系統本身有錯誤,無法正確應用視口。

有人有什麼想法嗎?

+0

我有這樣的問題太多,所有常見的視口設置innefective,頁面被縮小,並且文字兩次小如iPhone或HTC野火S。很想解決這個問題。 – 2012-07-26 13:49:11

+0

同樣的問題在這裏! – 2012-09-20 14:32:15

回答

5

我其實發現了一條重要線索。

http://developer.android.com/guide/webapps/targeting.html

「的值小於(或等於)320結果在一個值等於裝置寬度」

所以,做「寬度= 320」,典型的設置它從遷移iPhone,它似乎並沒有工作。

將它設置爲321,它的工作原理!

測試星系S3,劇本,GALAXY NOTE

+1

LOL!這是瘋狂的設計。有趣的是,該頁面顯示'如果您的網頁設計爲320像素寬,那麼您可能需要爲視口寬度指定該尺寸',然後立即警告您320像素的視口意味着'設備寬度'。 。 – 2013-01-04 12:42:11