Question

我希望获得客户端的浏览器高度并将其放入我的CSS中。

这是我的主要HTML：

<div class="picture" id="picture1">
    <div class="parallax"><img src="assets/img/header-wrap-bg.jpg"></div>
</div>

图片类结构：

.picture {
    height: /*(Here i wanna place browser height)*/;
}

这是我的活动：

<body onresize="HeaderResize()">

我该怎么做？

Answer 1

您可以使用vh viewport-height units：

@property (nonatomic, readonly) UITraitCollection *traitCollection NS_AVAILABLE_IOS(8_0);

@property (nonatomic, readonly) UIForceTouchCapability forceTouchCapability NS_AVAILABLE_IOS(9_0);

他们都是：

.picture { height: 100vh; }：1/100视口宽度

vw：1/100视口高度

vh：最小边的1/100

vmin：最大边的1/100

请注意，从技术上讲，这不是浏览器的高度，而是视口的高度：

视口是用户在网页上的可见区域。视口因设备而异，在手机上比在电脑屏幕上要小。

Answer 2

要使您的元素适合全屏，请使用以下CSS属性

.picture {
  position: absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  margin: auto;
}

使浏览器窗口的元素高度

2 个答案: