iPhone的初始肖像方向負載給橫向視圖元素寬度

Question

我將div設置為width: 100% 。 當我最初在iphone的縱向視圖中加載它時，元素的寬度480px 。

奇怪的是，當我通過控制台記錄加載時的寬度時，我得到了320px 。 另外，如果我手動將方向更改為橫向，然后又改回縱向，則該元素將獲得正確的大小。

我已經嘗試了一些有關meta視口標簽的建議，但似乎沒有任何效果。 這是當前標簽信息：

    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1, minimal-ui">

另外，當我在初始加載后更改縮放比例時，該元素將獲得正確的大小。

關於如何在初始加載時獲得正確尺寸的任何建議？

Answer 1

我打算刪除此帖子，但由於有人對此進行了評論，所以我認為我會提供答案。 問題在於該元素的position: fixed 。 我只是簡單地添加了position: absolute移動設備上媒體查詢的position: absolute ，現在它可以正常運行。 :)