質問編集履歴
4
表記の修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -30,7 +30,7 @@
|
|
30
30
|
|
31
31
|
|
32
32
|
|
33
|
-
それと直接原因と関係があるか分からないのですが、
|
33
|
+
それと直接原因と関係があるか分からないのですが、HTML内の```<div class="skills">```は、以下のコードでv-forを使ってレンダリングしたため、一応「Vue.js」と「JavaScript」のタグを入れさせていただきました。
|
34
34
|
|
35
35
|
```
|
36
36
|
|
3
情報の追加、表記の統一
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
タイトル通り画像に指定したCSSが開く度に適用されたりされなかったりで、レイアウトが安定せずに困っています。
|
2
2
|
|
3
|
-
具体的には、画像に指定している```height```が何故か8つある内の最後の2つにだけ適用されない、という事が多々あ
|
3
|
+
具体的には、画像に指定している```height```が何故か8つある内の最後の2つにだけ適用されない、という事が多々あるといった感じです。
|
4
4
|
|
5
5
|
|
6
6
|
|
@@ -12,9 +12,17 @@
|
|
12
12
|
|
13
13
|
ご覧の通り、「Git・Github」と「webpack」の画像の部分が時々潰れて表示されてしまいます。
|
14
14
|
|
15
|
-
潰れている時は縦の長さが113pxになっているのですが、そもそもCSSのどこにも113という数字は指定していません。
|
15
|
+
潰れている時は縦の長さが113pxになっているのですが、そもそもCSSのどこにも113pxという数字は指定していません。
|
16
16
|
|
17
17
|
デベロッパーツールで確認してもどこかの記述との衝突ではないようです。
|
18
|
+
|
19
|
+
試しにHTML側のタグに直接、```width="150" height="150"```・```style="width:150px;height:150px"```を記述してみても変わりませんでした。
|
20
|
+
|
21
|
+
|
22
|
+
|
23
|
+
それと私はChromeを使っているのですが、edgeとfirefoxで閲覧した場合にはこの問題は確認できませんでした。
|
24
|
+
|
25
|
+
|
18
26
|
|
19
27
|
自分で調べたりもしたのですが、同じような事例がヒットせず、今回質問させていただきました。
|
20
28
|
|
@@ -114,7 +122,7 @@
|
|
114
122
|
|
115
123
|
display: block;
|
116
124
|
|
117
|
-
border: solid 1px
|
125
|
+
border: solid 1px black;
|
118
126
|
|
119
127
|
width: 100px;
|
120
128
|
|
2
コードに説明のコメントを追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -94,7 +94,7 @@
|
|
94
94
|
|
95
95
|
height: 150px;
|
96
96
|
|
97
|
-
width: 150px;
|
97
|
+
width: 150px; //何故か時々適用されない部分です
|
98
98
|
|
99
99
|
margin-bottom: 20px;
|
100
100
|
|
1
誤字の修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
タイトル通り画像に指定したCSSが開く度に適用されたりされなかったりで、レイアウトが安定せずに困っています。
|
2
2
|
|
3
|
-
具体的には、画像に指定しているhightが何故か8つある内の最後の2つにだけ適用されない、という事が多々あります。
|
3
|
+
具体的には、画像に指定している```height```が何故か8つある内の最後の2つにだけ適用されない、という事が多々あります。
|
4
4
|
|
5
5
|
|
6
6
|
|