2012-08-01 47 views
1


我正在爲我的第三方產品的網站中的手機的兼容性,並且我面臨着固定issue.I我固定頁腳視口的底部位置。
Android 2.3以下& 5以下的iOS設備不支持固定位置。
對於這樣的設備,目前我已經修復了我計算視口的當前寬度,然後通過js將寬度應用於頁腳。
但是,當網站或客戶端的網站上的內容較少時,就會在頭部添加自動縮放元素,從而出現問題。在這種情況下,屏幕會放大並且頁腳內容會中斷。
我無法使用iScroll,因爲它鎖定了縮放功能,而且我不能搞亂客戶端的頁面。
請給我一些合理的解決方案來解決這個問題。檢測移動變焦和默認移動分辨率

回答

1

寫了自定義函數,人們在古代曾經使用過(IE6時代)。
它檢查瀏覽器是否支持位置固定或不固定。如果沒有,則根據滾動/縮放調整其位置。

0

嘗試使用

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

所以變焦不會在頁面加載發生 - 但它仍然是提供給用戶!

+0

我正在建設第三方產品,所以不能惹客戶的網站。 – Debugger 2012-08-01 07:31:34