高度100％不适用于任何设备[重复]答案

【问题标题】：Height 100% not working on any device [duplicate]高度100％不适用于任何设备[重复]
【发布时间】：2018-02-07 02:38:12
【问题描述】：

所以，我在我正在制作的网站上遇到了一个错误，我的侧边栏背景不会覆盖任何设备上的整个高度。我尝试将之前的元素设置为 100% 高度，并查看了许多类似的帖子，但他们的解决方案都没有解决我的问题。该站点位于https://minepos.piggypiglet.me，如果需要，我可以在hastebin 中提供代码，但开发工具应该就足够了吗？

html：https://hastebin.com/ovitaroxen.xml CSS：https://hastebin.com/cocuketino.css 抱歉链接，代码块中包含的内容太多。

【问题讨论】：

请将相关的 CSS 和 HTML 添加到您的问题中。
我没有访问“minepos”的帐户，请您发布您的代码。
" 如果需要，我可以在 hastebin 中提供代码" 不，您需要在问题中发布minimal reproducible example，而不是第三方网站。见How to Ask
除非所有父元素都是100%，否则不要使用height:100%，在您的情况下不是。使用height:100vh
您可以使用height: 100vh 来完成您的任务

标签： javascript html css twitter-bootstrap

【解决方案1】：

您可以使用vh 来完成您的任务。

div {
   height: 100vh /*100% of device height*/
}

这是您可以用于响应式设计的。

【讨论】：

@KobyDouek 如果它是一个答案，它是可以接受的。
有些问题最好不要回答，直到“问题是 well-asked”
@ZimSystem 好的。我是 StackOverflow 的新手。谢谢你的建议。