2018/08/10画像をいい感じの円にしたい時(サムネやアイコン等)ってありますよね。簡単に設定するやり方をお教えします。円にするためにはまず正方形にするまずはこんな感じの画像があります。/>こんな感じで潰れてしまいますので、object-fitというCSSオプションを使います。/>ポイントはwidth・heightもキチンと指定してあげるところです。今回はタグ内部のstyleに記述していますが、こちらはCSSに記載してもOKです。50%」というCSSオプションを付与してあげると、丸くなります。50%;"></div>画像をレスポンシブにしたいのと、中央寄せしたかったので、divでくくって書きました。正方形の画像を使っていればheightの指定も不要です。関連記事AdSenseAdSenseのレスポンシブ広告の縦幅の縦幅を指定するmAdsense広告ですが、レスポンシブにしていると、めっちゃでかい広告が出てしまってこれじゃない感がある時があります。横幅はちゃんとレスポンシブにしたいんだよなぁ...というときに便利。コメントをキャンセルメールアドレスが公開されることはありません。KawaseTwitter:@y_kawase東大卒の無駄遣い日本代表を自負するクリエイター。フリーランスで働き方改革中。Web系アプリを作るのが好きです。MacOSで「悪質なソフトウェア〜」と出てインストール出来ない問題と解決策Windows10のローカル環境に神IDEこと『Cloud9』を構築したら幸せになりました!Androidでアートワーク画像がどうやっても表示出来ない時Reactで誰もがやりたかった10の機能。アプリを作って公開するまでにやったこと。WordPressのSEO対策でGoogleにサイトマップを送信する方法Railsでpublic/配下のファイルが表示されない時に見直す項目Pumaで動くRailsアプリで、リクエスト処理しながらサーバ再起動をするFirebaseのルールの書き方:ユーザ毎の権限を付与&リファレンス参照CloudflareでCDN配信してもAdSense収益が減ることはないよ!ちゃちゃっと設定してしまおう。"https://blog.f-arts.work/wp-content/plugins/table-of-contents-plus/front.min.js-end");。