由于大多数浏览器窗口是不同的大小取决于屏幕,我试图让网页没有滚动,而适合页面的全部内容到一个浏览器页面。我的身体有以下样式:响应div高度相对于固定的HTML身体高度
<body style="overflow:hidden;height:100%">
我想有彼此堆叠的前两名<div>
的。一个占据60%的高度,另一个占用40%,同时保持固定以覆盖整个浏览器视图端口。这可能吗?
我目前硬编码高度为我的<div>
,我刚刚意识到这可能适合我的浏览器,但其他人将无法看到相同的东西。
会根据浏览器的高度动态地为我的两个<div>
设置JS类的CSS类。那么这是一个很好的解决方案吗?
我知道这可能会带来另一个问题,我的div的内容被挤压或以一种奇怪的方式扩展,但我想我可以稍后处理。