Wordpress - 完整的屏幕缩放

Question

我正在为我建立一个网站。我安装了MetaSlider插头。我希望摄影在整个屏幕上进行缩放（无需滚动屏幕）。理想情况下，“第一个屏幕”还应显示菜单栏（底部）。怎么做？

<?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;
}