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

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

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

继承人link

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

最佳答案

对于CSS ...

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

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

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

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

关于html - 使用基础6将柱高设置为100％，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38773709/