css - 网站在网站上显示空白空间（ipad/手机）

Question

我有一个网站（beta.risingsunjeans.com），目前正在使用 Foundation，在屏幕尺寸上看起来很完美，但在另一个分辨率下（ipad/iphone/mobile），内容看起来很完美，只是我在右边有一个巨大的空白空间，我已经在标题上使用了正确的标签

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">

Answer 1

您的标签内似乎有一个元素<nav>突出到页面的右侧。问题出在这一行：

nav[role=main-nav] ul li div {
  width: 1200px;
  visibility: hidden;
  position: absolute;
}

将宽度更改为width: 100%;应该修复它。您还可以overflow: hidden;在 body 标签上设置以隐藏它之外的任何元素。