タグ: レスポンシブ

object-fit（CSS）が便利

投稿者: id7300, posted in プログラミング

サイトを閲覧される方の端末によって、サイトが見やすいように工夫をすることを「レスポンシブデザイン」と呼んでいます。サイト模写で一番悩んだのが、画像が切り替わる処理でした。この原因と解決した方法を備忘録としてお伝えしますね。

適切なレスポンシブ

投稿者: id7300, posted in プログラミング

今日は、サイト製作あるあるの一つである「画像が上手く画面に収まらない」というケースに触れたいと思います。 さっきまで悪戦苦闘していましたが、結果としては、CSSの調整により、対象となる要素（img）に対して、Max-width: 100%;をあててあげれば良いことを学びました。