@appdamacyですペコリ(o_ _)ｏ))
今日はカード型デザインのスライダーを作ってみました！
スマホで右に左にコンテンツを閲覧できる感じのやつです
縦はぜんぶVHで指定して全画面に対応させる
ウェブサイトでもアプリっぽい全画面コンテンツを
作ってみたいというのが今日の目標でした(^^)
上で学んだことを応用して「すべての要素をトータル１００VH」になるようにしてあげるとブラウザの高さに収まって表示することができました(=ω=；)
ちなみにこのまえ作ったスライダーは
横幅の単位をピクセルで指定して作っていたので改良しました
めんどうで後回しにしたことはこうして必ず返ってくるなー(ﾉ△･｡)
ただひとつ問題があって
サイトを読み込んだ後にブラウザの横幅を変えると
読み込んだときの横幅を維持したままになります・・・
いつでも横幅にフィットするように
次使う機会が来る前に修正してあげたい(=ω=；)
コンテンツが動く感じと全てのコード
かっこよく作れた気がします。ブラウザですぐ動く言語は飽きがこなくておもしろいですよ(ﾉ△･｡)
HTML
CSS
JS