レスポンシブサイトです。
SP表示のときだけ、画像を画面の高さ100%で表示させようとすると、
幅も100%になってしまい縦長の画像になってしまいます。
比率を保ったまま表示させるにはどうしたらよいでしょうか。
css
1div.topimage { 2width: 100%; 3height: 700px; 4overflow: hidden; 5} 6div.topimage img { 7width: 100%; 8} 9 10@media screen and (max-width: 740px) { 11div.topimage { 12height: 100vh; 13width:auto; 14} 15div.topimage img { 16height: 100vh; 17width: auto; 18} 19} 20
回答1件
あなたの回答
tips
プレビュー