iPhone中的應用程序瀏覽器中的書籤欄隱藏了我的網站的一部分

我的網站是一個頁面或部分網站，它具有一個高度和寬度的瀏覽器或窗口打開的畫布，我已經使用窗口。 innerWidth和windows.innerHeight爲其分配值（畫布），並且它適用於所有其他網絡瀏覽器，無論是手機還是臺式機，但當頁面在Facebook的帖子中以應用內瀏覽器打開時應用程序，畫布不會考慮瀏覽器的底部書籤欄因此，頁腳以及遊戲槳（墊）顯示爲隱藏。iPhone中的應用程序瀏覽器中的書籤欄隱藏了我的網站的一部分

我還注意到，當在同一設備的safari中打開時，在應用程序瀏覽器中Facebook的槳看起來更大（即使使用windows innerWidth和innerHeight值分配槳的高度和寬度），槳看起來也更小。

我昨天試了一整天的所有元標記，並在網上查了類似的問題，以便修復我的，但我不能。我希望我在解釋我的問題時足夠分離，我將在同一設備上附加網站的圖片，但在Safari和In App瀏覽器中以便更好地理解。

謝謝！

Image

來源

2016-08-19 Cassiopere

您是否嘗試過使用視口寬度和視口高度CSS屬性來實現相同的結果，或者您在尋找JS解決方案？也許嘗試檢查是否[這些解決方案可以幫助]（http://stackoverflow.com/questions/1248081/get-the-browser-viewport-dimensions-with-javascript）你如果你正在尋找一個JS修復 – DrSatan1

先生canvas應該佔據它打開的窗口的全部寬度和高度，所以我使用Javascript來爲畫布指定打開的瀏覽器的確切分辨率，Vh和Vw值用於頁面上的各種其他元素，但是畫布的寬度和高度值爲內聯值 http://i.imgur.com/JU4BOr4.png – Cassiopere

向我們展示您的JS代碼。同時投擲答案。 – DrSatan1

嘗試使用

var w = Math.min(document.documentElement.clientWidth, window.innerWidth || 0)

var h = Math.min(document.documentElement.clientHeight, window.innerHeight || 0)

設置您使用的高度和寬度。

來源

2016-08-19 09:44:28 DrSatan1

嘿，先生，它沒有解決這個問題，我檢查了你在評論本身張貼的網址的答案，只是檢查了設備，它仍然隱藏了頁腳。寬度和高度分配給畫布通過 canvas.width = window.innerWidth。 canvas.height = window.innerHeight。 – Cassiopere

iPhone中的應用程序瀏覽器中的書籤欄隱藏了我的網站的一部分

回答

相關問題