html - Bootstrap 响应式行高

标签 html css twitter-bootstrap

<分区>


关闭 6 年前

我似乎无法在任何地方找到它,但它看起来很简单。

我有一个使用 .container-fluid 的全宽网站。该站点分为全宽行。我希望行在高度上具有响应性。 (如果该行在桌面上占据大约一半的视口(viewport),它会收缩以填充大约一半的平板电脑视口(viewport))

我非常感谢使用示例代码与“这里使用这个...”进行解释

谢谢!

最佳答案

你应该考虑使用 viewport units : vh

因此,如果您希望一行是视口(viewport)高度的一半,则在任何设备上使用 50vh

jsFiddle Demo

关于html - Bootstrap 响应式行高,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38107277/

上一篇:html - 全宽导航栏 Logo Bootstrap

下一篇:javascript - 如何使用 css 按钮调用 jquery 函数?

相关文章:

html - 第一次按下下一个按钮时,jQuery 循环 slider 重叠

css - Twitter Bootstrap 和平面 UI 最佳实践

html - Coldfusion cfdocument 到 pdf 丢失了 css 样式

html - 如何使用文本溢出:ellipsis?

javascript - 如何创建 "active"元素跟随页面内容位置的侧边菜单?

javascript - 在模态内显示图像,即使它是相同的图像

html - 如何对齐模式中的输入字段

javascript - Bootstrap 进度条出现奇怪的跳跃行为

javascript - document.getElementById 当 null 时抑制

javascript - 使用html5的跨平台游戏开发