質問編集履歴
4
表記の修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
自分で調べたりもしたのですが、同じような事例がヒットせず、今回質問させていただきました。
|
|
15
15
|
皆様、どうかお力添えをよろしくお願いいたします。
|
|
16
16
|
|
|
17
|
-
それと直接原因と関係があるか分からないのですが、
|
|
17
|
+
それと直接原因と関係があるか分からないのですが、HTML内の```<div class="skills">```は、以下のコードでv-forを使ってレンダリングしたため、一応「Vue.js」と「JavaScript」のタグを入れさせていただきました。
|
|
18
18
|
```
|
|
19
19
|
<div class="skills" v-for="skill in skills">
|
|
20
20
|
<img v-bind:src=`img/${skill.name}.png` v-bind:alt=`${skill.name}’s-logo`>
|
3
情報の追加、表記の統一
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
タイトル通り画像に指定したCSSが開く度に適用されたりされなかったりで、レイアウトが安定せずに困っています。
|
|
2
|
-
具体的には、画像に指定している```height```が何故か8つある内の最後の2つにだけ適用されない、という事が多々あ
|
|
2
|
+
具体的には、画像に指定している```height```が何故か8つある内の最後の2つにだけ適用されない、という事が多々あるといった感じです。
|
|
3
3
|
|
|
4
4
|
以下のGIFをご覧になっていただくとより分かりやすいかと思います。
|
|
5
5
|
[→imgurに飛びます。](https://i.imgur.com/I74scdj.gifv)
|
|
6
6
|
|
|
7
7
|
ご覧の通り、「Git・Github」と「webpack」の画像の部分が時々潰れて表示されてしまいます。
|
|
8
|
-
潰れている時は縦の長さが113pxになっているのですが、そもそもCSSのどこにも
|
|
8
|
+
潰れている時は縦の長さが113pxになっているのですが、そもそもCSSのどこにも113pxという数字は指定していません。
|
|
9
9
|
デベロッパーツールで確認してもどこかの記述との衝突ではないようです。
|
|
10
|
+
試しにHTML側のタグに直接、```width="150" height="150"```・```style="width:150px;height:150px"```を記述してみても変わりませんでした。
|
|
11
|
+
|
|
12
|
+
それと私はChromeを使っているのですが、edgeとfirefoxで閲覧した場合にはこの問題は確認できませんでした。
|
|
13
|
+
|
|
10
14
|
自分で調べたりもしたのですが、同じような事例がヒットせず、今回質問させていただきました。
|
|
11
15
|
皆様、どうかお力添えをよろしくお願いいたします。
|
|
12
16
|
|
|
@@ -56,7 +60,7 @@
|
|
|
56
60
|
}
|
|
57
61
|
a.open-details {
|
|
58
62
|
display: block;
|
|
59
|
-
border: solid 1px
|
|
63
|
+
border: solid 1px black;
|
|
60
64
|
width: 100px;
|
|
61
65
|
height: 35px;
|
|
62
66
|
line-height: 35px;
|
2
コードに説明のコメントを追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
align-items: center;
|
|
47
47
|
img {
|
|
48
48
|
height: 150px;
|
|
49
|
-
width: 150px;
|
|
49
|
+
width: 150px; //何故か時々適用されない部分です
|
|
50
50
|
margin-bottom: 20px;
|
|
51
51
|
}
|
|
52
52
|
h2 {
|
1
誤字の修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
タイトル通り画像に指定したCSSが開く度に適用されたりされなかったりで、レイアウトが安定せずに困っています。
|
|
2
|
-
具体的には、画像に指定している
|
|
2
|
+
具体的には、画像に指定している```height```が何故か8つある内の最後の2つにだけ適用されない、という事が多々あります。
|
|
3
3
|
|
|
4
4
|
以下のGIFをご覧になっていただくとより分かりやすいかと思います。
|
|
5
5
|
[→imgurに飛びます。](https://i.imgur.com/I74scdj.gifv)
|