使用基础6将柱高设置为100％

Question

因此，Im在这个Foundation 6项目上工作时，Ive碰壁了，这让我一直以来充满爱意的小便感到沮丧。 本质上，我想做的是确保我的最少内容保持全屏显示。 我试图确保首先考虑移动设备，因此我将布局保持非常简单，但是一旦我的屏幕宽度小于900px，图像就会继续缩放，从而在图像和图像之间的底部留有大量的空白。页脚。 同样，由于某种原因，左图也开始向左滑动，但是我认为，如果我能够保持其高度不变，那应该不是问题。

Ive尝试了基础均衡器，Ive玩过一千种最小高度和位置变化，Ive将其封装在容器div中，但是我无法使它正常工作。 请帮忙！

继承人的链接

提前致谢！ 我真的不愿做一千个媒体查询

Answer 1

对于CSS ...

.container {
  min-width: 100%;
  max-height: 100%;
}

.column, .columns {
  padding-right: 10px;
  padding-left: 10px;
}

您的img飞向左侧的原因是基于rem测量。 这是一个繁重的阅读，但似乎可以更好地了解rem工作原理。 我从来没有真正使用过它们，所以在那里我无法提供更多帮助。

另外，您的网站加载速度非常慢。 它有一个3.5mb的文件，对于单个图像来说是一个巨大的负担，尤其是在移动设备上。