100％高度vs瀏覽器縮放

Question

我看過，看起來並沒有另一個帖子，正是我正在尋找的東西，而且我在限期內完成這項工作，所以讓我看看我能否解釋它更好。

我們在使用Panels和Views Slideshow的Drupal站點上開發了一個頁面。有很多絕對和固定的位置元素，因爲他們需要在頁面上。父div需要有100％的寬度和高度來填充頁面。請記住，該頁面的重點不在於滾動條，而是將所有內容呈現給用戶，無論他們的屏幕大小如何。所以我有媒體查詢清理需要在某些屏幕尺寸的元素。

雖然當用戶使用瀏覽器放大頁面時，元素開始移動並堆疊在一起。我相信這是因爲100％的高度/寬度是特別粘附在窗口尺寸上，並且當用戶放大時不會超出窗口範圍。

我能夠通過去除100％用像素替換它們，但這成爲一個問題，因爲如果屏幕不是正確的高度或寬度，那麼你有滾動條，用戶不會立即看到頁面上的所有內容。

是否有任何JavaScript或任何可以利用100％高度/寬度並允許它們在頁面之外展開並在瀏覽器縮放期間打開滾動條的任何內容？

請記住，如果用戶正在放大，其確定頁面溢出並滾動條顯示，但默認屏幕不允許。

我希望這可以顯示，但使用Javascript來縮放整個頁面的頁面的示例幾乎是我可以看到自己需要但不知道如何。

http://www.ammunitiongroup.com/

讚賞任何幫助和更快的:)當然更好

Answer 1

這應該幫助。讓您檢測現代瀏覽器中的瀏覽器縮放級別。 https://github.com/yonran/detect-zoom

示例頁面： http://htmldoodads.appspot.com/dimensions.html