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

質問編集履歴

2

画像アップロード

2018/05/19 14:21

投稿

randr
randr

スコア202

title CHANGED
File without changes
body CHANGED
@@ -10,11 +10,11 @@
10
10
  - 表示したときだけではなく画面のサイズを変更したときもその条件に合うようにサイズが調整されます。
11
11
 
12
12
  **基準となる画像**
13
- ![基準となる表示](75eabf42779a636d916fc91aea07a5c4.png)
13
+ ![イメージ説明](b5749c14444df63e540d8abd8a0d50ed.jpeg)
14
14
  **縦サイズが小さくなった場合**
15
- ![縦が小さくなった](5a1b1b7ba82fec060e27e4bf90ae4e09.png)
15
+ ![イメージ説明](c30034bf716f7851f63837d23695c56f.jpeg)
16
16
  **横が小さくなった**
17
- ![横が小さくなった](2a3dec8400c9b1bc4abebe267ea7a5ba.png)
17
+ ![イメージ説明](0863b15aaf255a47d1a6c8c0b3473708.jpeg)
18
18
 
19
19
  やれたこと
20
20
  ---

1

2018/05/19 14:21

投稿

randr
randr

スコア202

title CHANGED
File without changes
body CHANGED
@@ -3,8 +3,9 @@
3
3
  - htmlにて画像とボタンを表示します。
4
4
  - 画像は常に全体が確認できるよう高さを調整します。
5
5
  - 画像の高さに合わせてアスペクト比を保持して横幅を調整します。
6
+ - 画像のサイズは様々です。
6
7
  - 画像を画面の中央に表示します。
7
- - ボタンは画像の上側に表示します。
8
+ - ボタンは画像の上側に表示します。 ←追記
8
9
  - そのボタンの左端を画像の左端に合わせます。
9
10
  - 表示したときだけではなく画面のサイズを変更したときもその条件に合うようにサイズが調整されます。
10
11