サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
今年の「#文学」
mgmgblog.com
CSSのmin()やmax()はとても便利ですが、SCSSで使用するとコンパイルエラーが起きます。 ではSCSSでmin()とmax()は使えないのか? いいえ、そんなはずはありません。unquote関数と併用することで解決できます。 とても簡単で以下のように書くだけです。
※この記事は2021年1月20日時点での情報になります。 widthにはmax-widthとmin-widthが用意されており、レスポンシブサイトで横幅を○○px以上●●px以下みたいなことを実現できます。 しかしfont-sizeなどでそれを実現したい時にmax-font-sizeやmin-font-sizeは用意されておりません。 marginなども同様でmax-marginもmin-marginも用意されていません。 font-sizeやmarginでそれを実現するのは不可能なのでしょうか? いいえ。代わりにmin()やmax()を使うことで実現可能です。
①デフォルトの矢印付きのslickスライダーを実装わかりやすいようにデフォルトの矢印付きのslickスライダーを作成して、 そこから変更を加えていきます。 <div class="slider"> <div><img src="./img/slider_img01.jpg"></div> <div><img src="./img/slider_img02.jpg"></div> <div><img src="./img/slider_img03.jpg"></div> </div> <style> /*--スライダーの位置とサイズ調整--*/ .slider{ width:70%; margin:0 auto; } /*--------画像サイズ調整---------*/ img{ width:100%; } /*-----------height調整----------*/ .slick
このページを最初にブックマークしてみませんか?
『mgmgblog.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く