【发布时间】：2016-08-16 17:57:28
【问题描述】：
所以我尝试在封面上设置 100vh 的图像 - 但我有非常具体的情况。
在我的图像上，我有一个大盘子和平板电脑，“躺”在这个盘子上。
我的目标是将此图像设为 100vh 标题，但有一个问题 - 当我尝试在我的大显示器上测试它时，它看起来不错，但在高度较小的显示器上它看起来很糟糕 - 我需要这款平板电脑 100% 可见在所有桌面设备中。
用“整页”选项检查我的小提琴，看看我在说什么。
我也尝试在不使用平板电脑的情况下制作此图片封面，然后尝试使用平板电脑和position:absolute 放置另一张图片，但我的第二张图片并不总是在完全相同的位置来支撑此板插入框架。
有没有可能实现我的愿望？
.cover {
position: relative;
height: calc(100vh - 80px);
background-size: cover;
background-position: bottom;
background-repeat: no-repeat;
background-image: url(https://s4.postimg.org/uwxudv17x/cover.png);
}<body>
<div class="cover">
</div>
</body>【问题讨论】：
标签： css background background-image viewport viewport-units