WordPress-完整的屏幕缩放

Question

我正在为我建立一个网站。我安装了一个元游行者插头。我希望摄影能够整体上在屏幕上扩展（不必滚动屏幕）。理想情况下，"第一个屏幕"也应显示菜单栏（底部）。如何做？

<?php 
    echo do_shortcode("[metaslider id=62 percentwidth=100]"); 
?>

Answer 1

给您的菜单高度为50px（或任何您喜欢的），然后将此高度添加到滑块图像：

：

.sticky_header {height: 50px}
.metaslider .slides img {
  height: calc(100vh - 50px); /* The height of the viewport - the height of your menu */
}

理想情况下，您应该添加到滑块图像： object-fit: cover;，这样它就不会扭曲图像。

.metaslider .slides img {
   height: calc(100vh - 50px); 
   object-fit: cover;
}