teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

学習し始め、質問も初めてなので初心者マークを追加

2019/04/13 07:12

投稿

marucomex
marucomex

スコア13

title CHANGED
File without changes
body CHANGED
File without changes

1

情報の追加

2019/04/13 07:12

投稿

marucomex
marucomex

スコア13

title CHANGED
File without changes
body CHANGED
@@ -9,5 +9,18 @@
9
9
  現在はimgタグを使用しています。
10
10
  使用するタグにこだわりはありません。
11
11
 
12
+ ```css
13
+ img {
14
+ width: 100%;
15
+ height: 600px;
16
+ ```
17
+ とすると、高さ600pxのままで希望通りなんですが、横幅が100%のため画像が縮んでしまうような表示になってしまいます。
18
+
19
+ かといって横幅を1300pxなどと指定すれば、デバイスによってウィンドウ幅の違いに対応できませんし、画面幅を縮めた際には、ただ画像が見切れてしまうということになってしまいます。
20
+
21
+ 「画像をウィンドウ幅に合わせる」ということと「左右均等に徐々に見切れる」ということの両立がどうしてもできません。
22
+
23
+ 画像の左右が徐々に見切れていくという表現は、画面幅が最大値から768pxに縮むところまでを予定しており、それ以降はメディアクエリにて違うサイズの画像を表示したり、別途でwidthとheightを指定しようと考えております。
24
+
12
25
  お手数をかけますが、どなたか答えていただける方がいらっしゃいましたら、
13
26
  よろしくお願いいたします。