100%;}みたいにします。トリミングまたは全て収まるようにはdiv.imgのbackground-positionをcover、containで切り替えます。これだと、見た目が任意の比率を保ったままレスポンシブにできますが、altが書けないとか、今時透明gifなんてどうなのとも思うし、やっぱスタイルだけでできないかなと思ったんですが、みなさんどうしてますか?jsでデバイス幅に応じてトリミングする高さを、、とかしたほうがいいのでしょうか。2019-08-18IE無視か、IE別対策前提であれば、object-fitで解決だね。object-fit使わないのであれば、親要素beforeにpadding-topでできるかな。あと、目的によっては、mediaqueryで対応できることも多いので、完全無欠に縦横比を守る必要もなかったりする。ウィンドウ縦横比が一定以下の場合でかき分けるとかで対応できる場合も多いよ。2019-08-18chomeが利かなかった記憶で、一切やってないがいまはOKなんだろうか。2019-08-19backgroundで画像を表示するものをベースとして、heightではなくpadding-bottom(もしくはpadding-top)でやれば比率は一定にできるよ。padding-bottomで%を指定したら横幅に対する%で出る。padding-bottom100%はwidth100%と同じになる。そこでpadding-bottom75%とかにすれば横:縦=4:3にできる。それをベースにbackgroundで画像を敷いて、paddingをしているdivにtitle属性を使ってSEO的部分を少しフォローとかするのはあり。文字等が含まれてる画像ならこういったことはしない方がいいよ。1いいね!コメントの受付は終了しました。2019-08-19コーディングが楽しくて現状幸せです。キャリアを考えるといつまでコーダーで居られるのか不安です。2019-08-15コーポレートサイトリニューアルの制作会社を探してます。100ページ程度+お知らせ部分CMS(MT)です。3日前デザイナー出身のコーダーです。最近デザイナーからPCデザインだけ渡されて「SPはいい感じに組んでおいて〜」と言われます。5日前フリーランスの仕事の断り方についてアドバイスをください。いつもお世話になっております。3日前フリーランスの仕事の断り方についてアドバイスをください。いつもお世話になっております。課題で「小塚ゴシック」を使ってビジュアルを作ったんですが先生に「そんなダサいフォント使うな」と言われました。