2017-10-06 53 views
0

我嘗試對Angular 4應用程序內的大小進行一些更改。我使用事件調整大小來做到這一點,它在桌面設備瀏覽器上正常工作。以下行在Angular組件的構造函數內部調用,如果大小發生變化,需要通知它。在手機上沒有調整大小事件

const onResize = (e) => { ... }; 
window.addEventListener('resize', onResize, false); 

但它在移動設備上失敗(在Android 4選項卡和Android 6手機上檢查)。沒有調用該功能,無論是縮放還是更改文字大小。也許這個link可能是問題的原因。

但是如何解決?

+0

這是導致大小是固定的在手機上,因此不會改變。 如果您想根據尺寸設置數據,請嘗試使用'window.screen.width'或height。 – Swoox

+0

我已經在手機上檢查過'window.screen.width'和'window.innerWidth'。如果在瀏覽器中更改了文本大小,則這兩個值都會更改。縮放不會更改這些值。所以你認爲它不會改變是錯誤的。 –

回答

2

如果您正在查找用戶將手機旋轉爲橫向或縱向的事件。在這裏,您有:onOrientationChange
如果您正在尋找變焦或一些觸摸事件,嘗試touchy

+0

檢測到事件'orientationchange',幫助處理電話旋轉。希望向下時檢測到事件'touchy',但不是在縮放時檢測到。更改文字大小不會發出這些事件之一。所以我希望有人對我的問題有一些解決方案來檢測對尺寸有影響的所有更改。 –