我正在尝试减小页面高度,但是它不起作用。
因此,我尝试将页脚向上移动,但这仅在页脚和底部之间留出空间,奇怪的是,元素似乎已找到新的页脚并正在与之交互。 (不去下面等等)
这怎么可能?为什么我可以增加页面高度,但不能在一定高度下减小页面高度?
有两个元素控制着我的首页,一个是页面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;}}
什么都没有。
也许页面上的元素正在增加高度,但是我仍然应该能够降低高度。我将元素“视差窗口”设置为绿色以使其更加清晰。