WordPress的 - 屏幕缩放全

Question

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

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

Answer 1

给你的菜单50像素高度（或任何你喜欢），然后这个高度添加到您的滑块图片：

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