2014-01-20 20 views
3

無關於這個問題的問題有(我 看到一個寫着「只要完全停止變焦!」,另一個是 說,任何真正的答案「設置寬度!」(這是不)放大移動時,我可以讓我的固定按鈕保持固定尺寸嗎?

我有一個應用程序,應該在移動設備上工作(只有移動Chrome纔夠用)。捏合縮放是必備的功能。

這一切都很好,除了我有的控制按鈕。標準按鈕,位於頁面左下角的固定位置。

當我捏合縮放時,這些按鈕保持在左下方,隨着縮放而變大。

是否有可能使這些按鈕無法通過縮放以某種方式增長?

+0

您能描述應用嗎?它是基於html還是原生android或ios應用程序的應用程序? – ManZzup

+0

@ManZzup:對不起,我不清楚。這是一個在瀏覽器中查看的Web應用程序。我編輯過。 –

+0

您可以將百分比設置爲寬度和高度。然後,它將始終與瀏覽器窗口的大小相同。 –

回答

2

這是一個潛在的修復和良好的閱讀,如果你遇到這個問題。

這裏是網站,css fixed position

我的原型是如何工作的

我在做什麼是計算縮放級別(很差)用JavaScript ,然後應用CSS變換來縮放固定元素回落 到正常大小。正如你所預料的那樣,在變焦過程中沒有平滑的過渡 。有大量的錯誤和邊緣情況。我還沒有 甚至嘗試跨瀏覽器支持(因此沒有代碼)。

這似乎並沒有提供一個腳本,但它給了你想要做什麼以及如何完成它。

本網站上的另一個鏈接似乎有一堆關於您的問題的更多信息,更多的提議。

這裏是網站,position: device-fixed;

唯一的其他選擇我目前所知道的是禁用變焦。這不是最好的方法,但是如果移動設計需要一個固定的標題,那我現在就是這麼做的。這會阻止用戶縮放,從而防止元素受到影響。

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

+1似乎是要走的路 – DaniP

+0

@Danko它看起來像一個相當有趣的想法,並讓我想嘗試一個我一直在努力的響應式網站。 –

+0

不幸的是,捏縮放是一個必須具備的功能,就像我說的。我無法禁用它。我會嘗試你發佈的其他鏈接,謝謝:) –