teratail
回答率
85.48%
質問するログイン新規登録
トップに関する質問HTML <!DOCTYPE html>を宣言するとレイアウトがズレてしまう。

編集履歴

質問編集履歴

5

.

2019/07/13 16:29

投稿

tom-87
tom-87

スコア11

test CHANGED
File without changes
test CHANGED
@@ -500,10 +500,10 @@
500
500
 
501
501
  }
502
502
 
503
-
503
+ doctypeなし
504
504
 
505
505
  ![doctypeなし](f7919327b617b8a577f149aa6292606a.png)
506
506
 
507
-
507
+ doctypeあり
508
508
 
509
509
  ![doctypeあり](14dd36907b186a8027c07c25b323af8a.png)

4

画像追加

2019/07/13 16:29

投稿

tom-87
tom-87

スコア11

test CHANGED
File without changes
test CHANGED
@@ -499,3 +499,11 @@
499
499
  background-color: orange;
500
500
 
501
501
  }
502
+
503
+
504
+
505
+ ![doctypeなし](f7919327b617b8a577f149aa6292606a.png)
506
+
507
+
508
+
509
+ ![doctypeあり](14dd36907b186a8027c07c25b323af8a.png)

3

.

2019/07/13 16:28

投稿

tom-87
tom-87

スコア11

test CHANGED
File without changes
test CHANGED
@@ -220,20 +220,10 @@
220
220
 
221
221
  width: 170px;
222
222
 
223
- /* ↓transitionを使うときは元になるほうに使う！
224
-
225
- imgに直接使ったらぼやけた、ぼやけ対策も
226
-
227
- 効果がなかった、親要素のdivに使ったらうまく
228
-
229
- いった！*/
230
-
231
223
  opacity: 1.0;
232
224
 
233
225
  transition: opacity 0.5s ;
234
226
 
235
- /* ↓ぼやけ対策*/
236
-
237
227
  backface-visibility: hidden;
238
228
 
239
229
  -webkit-backface-visibility: hidden;

2

.

2019/07/13 16:21

投稿

tom-87
tom-87

スコア11

test CHANGED
File without changes
test CHANGED
@@ -16,7 +16,7 @@
16
16
 
17
17
  ### 該当のソースコード
18
18
 
19
- html
19
+ ### **html**
20
20
 
21
21
  <!DOCTYPE html>
22
22
 
@@ -130,7 +130,7 @@
130
130
 
131
131
 
132
132
 
133
- css
133
+ ### css
134
134
 
135
135
  @charset "utf-8";
136
136
 

1

.

2019/07/13 16:20

投稿

tom-87
tom-87

スコア11

test CHANGED
File without changes
test CHANGED
@@ -509,19 +509,3 @@
509
509
  background-color: orange;
510
510
 
511
511
  }
512
-
513
-
514
-
515
- ### 試したこと
516
-
517
-
518
-
519
- ここに問題に対して試したことを記載してください。
520
-
521
-
522
-
523
- ### 補足情報（FW/ツールのバージョンなど）
524
-
525
-
526
-
527
- ここにより詳細な情報を記載してください。