object-positon で画像の位置調整をするのは適切ですか?

2022年1月3日
ユーザー

いつもわかりやすいレッスンをありがとうございます。

object-fit: cover; について質問させてください。
この指定を行うと、縦横比を保ったまま画像の中心を基準に(画像が)表示される、と理解したのですが、もし画像の中で優先して表示したい部分が中心以外にある場合には、object-position を追加して調整するという方法で適切でしょうか?

具体的には、レッスンで使った画像で、画面幅を縮めてもランプの部分が見えるようにしたいと思い、以下のように書いてみました。

object-fit: cover;
object-position: 60%;

ぱっと見た感じだと問題ないように思えたのですが、アドバイスや注意点がありましたら教えてください。

この回答を見るにはプレミアムサービスへの登録が必要です

プレミアムサービスとは?