Swiper Slider Space matter on Smartphone. Swiperのスライダーでスマホ表示の時にできる余分なスペースの解消。
To make space smaller Swiper slider when viewing on smartphone.
Swiperのスライダーを利用したときにスマホ(縦)表示で余分なスペースを解消。
Too much of space like below.
以下のようにスライダーの上下にスペースが。。。
There is a solution to make like this.
こんな感じに解決できます。
The problem is this CSS code. you can just change this code to like below.
このコードだけではレスポンシブに対応できないので下に書いたスマホとPCでの表示を変えるコードにします。
css
.gallery-top {
height: 85%;
width: 85%;
}
Replace the code above with this code.
以下のコードに書き換えます。
css
@media screen and (min-width: 751px) {
.gallery-top {
height: 85%;
width: 85%;
}
}
@media screen and (max-width: 750px) {
.gallery-top {
max-height: 85%;
width: 85%;
}
}
Author And Source
この問題について(Swiper Slider Space matter on Smartphone. Swiperのスライダーでスマホ表示の時にできる余分なスペースの解消。), 我々は、より多くの情報をここで見つけました https://qiita.com/TakakoWeb/items/b66f2ab4fcd83c4639fa著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .