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