页面是否设置了最小高度?

时间:2020-05-11 15:04:09

标签: html css

我正在尝试减小页面高度,但是它不起作用。

因此,我尝试将页脚向上移动,但这仅在页脚和底部之间留出空间,奇怪的是,元素似乎已找到新的页脚并正在与之交互。 (不去下面等等)

这怎么可能?为什么我可以增加页面高度,但不能在一定高度下减小页面高度?

有两个元素控制着我的首页,一个是页面ID“ 28”,另一个是名为“视差窗口”的元素。

这两个元素都不响应页面减少。元素.page-id-28对高度的增加做出反应,但不减小。 parallax-window响应CSS的颜色变化,但不响应高度指示。

所以,基本上,我想知道的是,最终控制我的页面高度的原因是,为什么页面高度不会低于某个特定的高度,但是却高兴地达到我想要的高度。

当我将.parallax-window变为绿色时,下面有一个黑色空间,我假设这是我的实际页面,由ID 28定义。

我尝试设置页脚位置无济于事,并尝试为.parallax-window.page-id-28.设置负高度

这是我的html:

<div class="parallax-window fullscreen" data-parallax="scroll" data-image-src="http://4309.co.uk/wp-content/uploads/2019/08/download-2.png" data-ios-fix="true" data-over-scroll-fix="true" data-android-fix="true">
<div class="align-transform">

我尝试过:

@media (min-width:768px)
{.parallax-window{ height: 
500px;}}

@media (min-width:768px)
{.page-id-28{height: 
500px;}}

@media (min-width:768px)
{body, html.page-id- 
28{height: 500px;}}

什么都没有。

page here desktop

也许页面上的元素正在增加高度,但是我仍然应该能够降低高度。我将元素“视差窗口”设置为绿色以使其更加清晰。

0 个答案:

没有答案