我有一個網站與JQueryMobile的工作正常的iPhone,但與Android宏觀看起來真的很奇怪,當變焦。同樣的事情發生在JQueryMobile網站的任何演示頁面上,幾乎一半的屏幕變得完全空白,完全破壞了網站。JQueryMobile宏達Android捏縮放
有沒有解決這個問題的方法或至少禁用Android HTC瀏覽器的縮放?
我有一個網站與JQueryMobile的工作正常的iPhone,但與Android宏觀看起來真的很奇怪,當變焦。同樣的事情發生在JQueryMobile網站的任何演示頁面上,幾乎一半的屏幕變得完全空白,完全破壞了網站。JQueryMobile宏達Android捏縮放
有沒有解決這個問題的方法或至少禁用Android HTC瀏覽器的縮放?
解決它的兩種方法,禁用jQueryMobile或重新編碼所需的功能。 jQueryMobile的目標是爲各種移動瀏覽器提供相同的功能,但該語句根本不包括性能--而且由於不同移動設備的性能之間的差異是幾何的,所以很可能永遠不會。這就是爲什麼你真的不能有一個寫一次,到處跑類型的圖書館的移動。除非你降低了高端體驗的功能,否則就是這樣。我願意儘可能將這種心態稱爲jQueryMobile的一個基本缺陷。
另外,你應該知道Android在支持花哨的動畫方面比iPhoneOS更糟糕。是的,它可以做同樣的事情,但不是很順利,有很多奇怪的剪輯/頁面位置跳躍錯誤以及動畫中的內容。
嘗試使用視口元標記。
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
您面臨的問題很可能是由HTC非標準的android瀏覽器引起的。您無法使用視口元標記來防止縮放縮放。此外,縮放會導致佈局重新計算(頁面尺寸發生變化),我認爲是造成問題的原因。不幸的是,目前似乎沒有針對此問題的解決方案,但它僅影響HTC手機。