質問編集履歴
1
書式の改善
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,6 +1,24 @@
|
|
|
1
1
|
レスポンシブサイトを制作しているのですが、画面幅を縮めた時に、右の<div class="news_title_wrap">と左の<div class="info_wrap">が被ってしまいます。
|
|
2
2
|
|
|
3
3
|
画面幅を縮めても、右の要素と左の要素が被らないようにするには、どのようにすれば良いのでしょうか？
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
---追記---
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
基本的な配置は出来ているのですが、Google検証ツールで徐々に画面幅を縮めていくと、スマホ(768px以下)に切り替わる前(1148pxくらい)で<div class="news_title_wrap">の上に<div class="info_wrap">が重なってしまいます。
|
|
12
|
+
|
|
13
|
+
1148pxはPCの画面サイズかと思いますので、重なるのは何か間違っているのではないかと思い質問させて頂きました。
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
メディアクエリを細かく設定すれば重ならずにすみそうですが、あまり細かく設定するのもおかしいと思っています。
|
|
18
|
+
|
|
19
|
+
それでは、よろしくお願いいたします。
|
|
20
|
+
|
|
21
|
+
|
|
4
22
|
|
|
5
23
|
|
|
6
24
|
|