2009-08-03 148 views
6

移動Safari瀏覽器能識別手機網站並自動放大嗎?這在其他手機和瀏覽器上如何工作?iphone上的自動縮放Safari瀏覽器

我想避免查看user_agent併爲每個移動瀏覽器發送不同的頁面。

回答

9

看到蘋果網絡應用程序開發者指南的configuring the viewport一部分。

+1

對,這就是我認爲這個問題指的是。例如,添加一個如下所示的元素: 2009-08-03 18:05:44

+0

謝謝!它也適用於Opera Mini。不知道其他瀏覽器.. – m33lky 2009-08-03 20:16:50

0

網站可以識別移動瀏覽器並相應地生成輸出,這通常是期望的方式。

Safari瀏覽器將檢測寬度和縮放到合適,但除此之外...

0

您可以通過使用條件CSS避免基於用戶代理具有不同的頁面。蘋果實際上有一些關於創建網頁的非常好的文檔,可以支持iPhone上的Safari和桌面瀏覽器。我建議先閱讀iPhone Human Interface Guidelines for Web Applications。這將爲您在使用條件CSS基於設備特徵(如屏幕大小)而不是用戶代理定製頁面方面提供良好的開始。

1

我剛剛注意到,如果你的身體或主包裝div高度設置爲100%,這可能會弄亂它在移動瀏覽器上放大/渲染的距離。在移動Safari和Android的Chrome瀏覽器中證實了這一點。一旦我將#siteWrapper高度從100%設置爲auto,它就會以更好的比例渲染。

(高度100在主包裝%經常使用粘頁腳。)

相關問題