質問編集履歴

4

表記の修正

2019/06/24 16:57

投稿

take-t.t.
take-t.t.

score0

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 #000000;
125
+ border: solid 1px black;
118
126
 
119
127
  width: 100px;
120
128
 

3

情報の追加、表記の統一

2019/06/24 15:09

投稿

take-t.t.
take-t.t.

score0

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
 

2

コードに説明のコメントを追加

2019/06/23 16:43

投稿

take-t.t.
take-t.t.

score0

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
 

1

誤字の修正

2019/06/23 16:41

投稿

take-t.t.
take-t.t.

score0

test CHANGED
File without changes
test CHANGED
@@ -1,6 +1,6 @@
1
1
  タイトル通り画像に指定したCSSが開く度に適用されたりされなかったりで、レイアウトが安定せずに困っています。
2
2
 
3
- 具体的には、画像に指定している```height```が何故か8つある内の最後の2つにだけ適用されない、という事が多々あるといった感じです。
3
+ 具体的には、画像に指定しているhightが何故か8つある内の最後の2つにだけ適用されない、という事が多々あります。
4
4
 
5
5
 
6
6
 
@@ -12,17 +12,9 @@
12
12
 
13
13
  ご覧の通り、「Git・Github」と「webpack」の画像の部分が時々潰れて表示されてしまいます。
14
14
 
15
- 潰れている時は縦の長さが113pxになっているのですが、そもそもCSSのどこにも113pxという数字は指定していません。
15
+ 潰れている時は縦の長さが113pxになっているのですが、そもそもCSSのどこにも113という数字は指定していません。
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
-
26
18
 
27
19
  自分で調べたりもしたのですが、同じような事例がヒットせず、今回質問させていただきました。
28
20
 
@@ -30,7 +22,7 @@
30
22
 
31
23
 
32
24
 
33
- それと直接原因と関係があるか分からないのですが、HTML内の```<div class="skills">```は、以下のコードでv-forを使ってレンダリングしたため、一応「Vue.js」と「JavaScript」のタグを入れさせていただきました。
25
+ それと直接原因と関係があるか分からないのですが、コード内の```.skills```は、以下のコードでv-forを使ってレンダリングしたため、一応「Vue.js」と「JavaScript」のタグを入れさせていただきました。
34
26
 
35
27
  ```
36
28
 
@@ -102,7 +94,7 @@
102
94
 
103
95
  height: 150px;
104
96
 
105
- width: 150px; //何故か時々適用されない部分です
97
+ width: 150px;
106
98
 
107
99
  margin-bottom: 20px;
108
100
 
@@ -122,7 +114,7 @@
122
114
 
123
115
  display: block;
124
116
 
125
- border: solid 1px black;
117
+ border: solid 1px #000000;
126
118
 
127
119
  width: 100px;
128
120