iPad切斷橫向和縱向內容

Question

我在iPad上橫向和縱向視圖中呈現簡單頁面時遇到問題。

我附上了該問題的截圖。您可以在右上角看到導航元素顯示在「截斷」的右側，但圖形元素隨機停止。所以當它以某種方式被切斷時，它不在其他地方。

我有什麼似乎是磨視定義的一個漂亮的運行：

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

任何想法，爲什麼會發生這種情況？謝謝

Answer 1

我很震驚爲什麼沒有人回答這個問題呢！我可以看到問題仍然存在，所以我猜測你還沒有找到解決方案。

這是CSS初學者面臨的一個非常基本的錯誤。溢出設置爲在媒體查詢中可見，但body元素中的嵌套div沒有此屬性。所以後臺組件在頁眉和頁腳中受到限制。鏈接仍然可見，因爲它們具有固定的寬度。您需要使設計更具響應性，以便不需要溢出：在body元素上可見並且body正確地嵌套頁面上的所有內容。一個適當的響應式設計不會受到這些基本故障的影響。

讓我知道你是否需要進一步的澄清。