【週刊ドットインストール】 考える力を養うための新クラス『データで学ぶアルゴリズム』を256timesでリリース!
いつもわかりやすいレッスンをありがとうございます。
object-fit: cover; について質問させてください。 この指定を行うと、縦横比を保ったまま画像の中心を基準に(画像が)表示される、と理解したのですが、もし画像の中で優先して表示したい部分が中心以外にある場合には、object-position を追加して調整するという方法で適切でしょうか?
object-fit: cover;
object-position
具体的には、レッスンで使った画像で、画面幅を縮めてもランプの部分が見えるようにしたいと思い、以下のように書いてみました。
object-fit: cover; object-position: 60%;
ぱっと見た感じだと問題ないように思えたのですが、アドバイスや注意点がありましたら教えてください。
ドットインストールは、3分動画でマスターできるプログラミング学習サービスです。
3分で気軽に学習でき、スマートフォンからも視聴可能です。ホームページやWebサービスの制作を通して、実践的にプログラミングを学べます。
他にも、ゲーム制作やデータ分析・機械学習・AIに使われる言語まで幅広くカバー。学びたい分野のレッスンがきっと見つかります。
この回答を見るにはプレミアムプランへの登録が必要です
いつもわかりやすいレッスンをありがとうございます。
object-fit: cover;について質問させてください。この指定を行うと、縦横比を保ったまま画像の中心を基準に(画像が)表示される、と理解したのですが、もし画像の中で優先して表示したい部分が中心以外にある場合には、
object-positionを追加して調整するという方法で適切でしょうか?具体的には、レッスンで使った画像で、画面幅を縮めてもランプの部分が見えるようにしたいと思い、以下のように書いてみました。
ぱっと見た感じだと問題ないように思えたのですが、アドバイスや注意点がありましたら教えてください。