如何设置div容器的高度，例如应该是屏幕高度的60％？ 如果未调整浏览器窗口的大小，将60％设置为css中的高度可以正常工作。但是，如果我缩小浏览器窗口，则div会相应缩小。 https://zurb.com提供了一个很好的例子。无论浏览器窗口的大小调整如何，＆＃34; Mission Cocompleished＆＃34;，灰色部分始终保持相同的高度。如何确保这一点？ 我不想使用px来确保HiDpi支持。
谢谢，
答案 0 :(得分：0)
虽然相关网页只使用固定高度（px）来表示相关元素，但这意味着它总是具有相同的高度（并且不会是{{高度的1}}，与视口高度无关）。为了使元素相对于视口，您需要 viewport-sized typography 。
要根据高度进行调整，您需要查找CSS单位60%，它会告诉相关元素根据视口高度进行缩放。您还可以使用vh根据视口宽度进行缩放。
请注意，vw的默认值为<body>，因此如果您想在使用视口大小的排版时避免使用滚动条，则还需要将其重写为{{1} }。
margin: 8px0
有关CSS单元的更深入信息，我建议您查看 this guide 。
希望这有帮助！ ：）
答案 1 :(得分：0)
这是一个简单的固定高度元素;它与屏幕尺寸无关。
你应该使用px而不用担心任何事情; px表示逻辑像素，可以使用任意DPI。