html - 无需滚动即可动态调整网页内容以适应可用的可视显示

Question

我想要一种将 html 正文的内容放入可视显示中的方法。现在它动态调整大小取决于显示的大小，但它有一个滚动条并且高度太高。我已经查看了解决方案，例如做

html, body {
height: 100%;
}

他们都没有工作。这是网站https://www.time4salah.com

标签： htmlcss

Answer 1

您可以使用每个可能的用户屏幕尺寸的媒体查询，并使用calc()来划分您的身体高度。

在此处了解有关calc()的更多知识： css 中 calc() 的完整指南