アップロード画像のサイズスケールの調整
仕事で大変なことの一つはCSSです.
中にはイメージのサイズも統一されています.
このプロジェクトではobject-fitは使用できません.
クライアント上のほとんどのクライアントはIEを使用する世代なので、私はIEを使用する考えを放棄しました.
バラツキのあるイメージを解決できないからだ.
divを使うことにしました.
既存のimgラベルを非表示にします.
割合が悪くなく下がった.
classを作ってからcssを書いたほうがいいですが、この時は急ぎすぎて内線に入れておきました.
しかしEdgeではIEをIEと見なす方法もあるので、いつまでIEに応答するか分かりません.
すべてのcss技術をできるだけ早く使えたらいいのに.
中にはイメージのサイズも統一されています.
このプロジェクトではobject-fitは使用できません.
クライアント上のほとんどのクライアントはIEを使用する世代なので、私はIEを使用する考えを放棄しました.
バラツキのあるイメージを解決できないからだ.
divを使うことにしました.
既存のimgラベルを非表示にします.
<img src="<?php echo PATH_IMG_PATH . "case/" . $row['img1'] ?>" alt="" style="display:none">
divを作成し、バックグラウンドで置き換え、coverをあげました.割合が悪くなく下がった.
classを作ってからcssを書いたほうがいいですが、この時は急ぎすぎて内線に入れておきました.
<div style="background-image:url(<?php echo PATH_IMG_PATH . "case/" . $row['img1'] ?>);background-size: cover;height: 570px;background-repeat: no-repeat;width:490px;background-position: center;border-radius:20px"></div>
IEが完全終了するまであとどのくらい残っていませんしかしEdgeではIEをIEと見なす方法もあるので、いつまでIEに応答するか分かりません.
すべてのcss技術をできるだけ早く使えたらいいのに.
Reference
この問題について(アップロード画像のサイズスケールの調整), 我々は、より多くの情報をここで見つけました https://velog.io/@tjehdgur1500/업로드-된-이미지-사이즈-비율-맞추기テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol