Css 如何在引导中使用Flex Grid

所以我对网格系统有点小问题。我想让网格像麦当劳网站做的

因此，如果我缩小这个网站，网格不会改变！我的意思是高度和宽度是一样的，只是内容在变化。我不知道怎么做。请帮忙

麦当劳网站

我的例子是：

---

我不确定这是否正是您想要的，但我试过了

运行以下截图，激活“整页”并放大和缩小：

html，正文{
身高：100%；
}
.掩护img{
颜色：灰色；
字体大小：粗体；
宽度：100%；
身高：100%；
背景：url（“https://s-media-cache-ak0.pinimg.com/originals/82/64/7e/82647eca04687361c6d515f335d4c08a.jpg）没有固定的重复中心；
背景尺寸：封面；
}

切换导航





这里有一些内容

这里是另一个尝试。您可以在CSS中使用vieport hight和width（即

高度：50vh

）：

这不是一个完美的例子：

html，正文{
身高：100%；
}
.掩护img{
颜色：灰色；
字体大小：粗体；
宽度：100%；
身高：100%；
背景：url（“https://s-media-cache-ak0.pinimg.com/originals/82/64/7e/82647eca04687361c6d515f335d4c08a.jpg）没有固定的重复中心；
背景尺寸：封面；
}
.一些盒子{
显示器：flex；
边缘顶部：75px；
高度：50vh；
线路高度：10vh；
字体大小：6vh；
背景：rgba（255255,0.2）；
}
.col-xs-6{
宽度：38vw！重要；
}

切换导航





保持原样
保持原样

请提供一些您已经尝试过的示例代码。分析你的问题会更容易。我想举一些例子。。。我用了简单的方式，但是那些栏的伸展越来越宽，越来越低。我想我写得很清楚，我想在这个网站上做smf，我说了什么，我给了你这个网站。不是真的，因为导航栏在改变高度。我的意思是，如果我缩小，它会越来越小。我希望它保持不变的大小，即使我缩小。看看这个。我希望滑块下的两个div保持相同大小，即使缩小。现在，他们正在改变高度背景在您的示例中运行良好，即使我缩小显示添加了另一个答案，它仍然保持不变。虽然不完美。嘿，我不想创建新的主题，因为这可能是个小问题，但是你能看看这个吗？你能告诉我为什么在正确的网站上有空白吗？它与页脚中的标记有关。。。删除页脚并进行查看。