タイトル通りなのですが、一度指定したサイズで表示したい部分を指定しました。
そのサイズ感のまま幅のみ画面いっぱいにしたいのですが、うまくいきません。(以下のサイズ感のものを引き伸ばしたいと思っています)
CSS
1img { 2 height: 800px !important; 3 width: 1000px !important; 4 /* 縦横比を固定 */ 5 object-fit: cover; 6 /* 中央下を表示 */ 7 object-position: 50% 100% 8}
widthを100%にしてしまうと、サイズ感が大きくなり、欲しい画像のメインのサイズが大きくなり過ぎてしまいます。
元の画像のサイズを変えずに欲しい部分を好みの部分・サイズで引き伸ばす方法を調査したのですが、
実現できず。。。
何かヒントいただけるとありがたいです。
回答1件
あなたの回答
tips
プレビュー