質問編集履歴
3
z
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -129,7 +129,7 @@
|
|
|
129
129
|
|
|
130
130
|
|
|
131
131
|
### codepn
|
|
132
|
-
|
|
132
|
+
コードペンを用意してみました。
|
|
133
133
|
[codepen](https://codepen.io/nitrow/pen/MWjLLby)
|
|
134
134
|
|
|
135
135
|
|
2
a
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -129,7 +129,8 @@
|
|
|
129
129
|
|
|
130
130
|
|
|
131
131
|
### codepn
|
|
132
|
+
長いのでコードペンを用意してみました。
|
|
132
|
-
https://codepen.io/nitrow/pen/MWjLLby
|
|
133
|
+
[codepen](https://codepen.io/nitrow/pen/MWjLLby)
|
|
133
134
|
|
|
134
135
|
|
|
135
136
|
どうすればjs側からサイズ変更できるでしょうか？
|
1
あ
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -46,13 +46,8 @@
|
|
|
46
46
|
|
|
47
47
|
```
|
|
48
48
|
|
|
49
|
-
### 直接<input>にサイズ指定しない理由
|
|
50
|
-
label（upload-imgクラス）配下はコンポーネントとして再利用する目的があり、
|
|
51
|
-
<input>タグや、upload-img__innerクラスに具体的なサイズ指定を起きたくありません。
|
|
52
|
-
なので、上位にサイズ指定用のcamera-widthクラスを追加しました。
|
|
53
49
|
|
|
54
50
|
|
|
55
|
-
|
|
56
51
|
```css
|
|
57
52
|
.camera-width {
|
|
58
53
|
width: 500px;
|
|
@@ -125,9 +120,14 @@
|
|
|
125
120
|
});
|
|
126
121
|
```
|
|
127
122
|
|
|
123
|
+
### 直接<input>にサイズ指定しない理由
|
|
124
|
+
label（upload-imgクラス）配下はコンポーネントとして再利用する目的があり、
|
|
125
|
+
<input>タグや、upload-img__innerクラスに具体的なサイズ指定を置きたくありません。
|
|
126
|
+
なので、上位にサイズ指定用のcamera-widthクラスを追加しました。
|
|
128
127
|
|
|
129
128
|
|
|
130
129
|
|
|
130
|
+
|
|
131
131
|
### codepn
|
|
132
132
|
https://codepen.io/nitrow/pen/MWjLLby
|
|
133
133
|
|