質問編集履歴
1
chromeでのスマートフォン表示について
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
htmlの外部ファイル読み込みで困っています。
|
|
2
2
|
|
|
3
3
|
linkタグでcssファイルを3つ読み込もうとしてスマホ用とタブレット用のcssは反映されるのですが、ウィンドウ幅が769pxを超えてもパソコン用のcssが反映されずにスマホ用のcssとして反映されてしまいます。
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
|
|
4
8
|
|
|
5
9
|
|
|
6
10
|
|
|
@@ -17,6 +21,10 @@
|
|
|
17
21
|
|
|
18
22
|
|
|
19
23
|
3つのlinkタグにscreen andを追加しても上記と同じ結果となりました。type="text/css"を追加しても変わりませんでした。
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
linkタグにあるmediaを全て消し、それぞれのcssファイルにmax-width:640px,max-width:768px,min-width:768pxとしたところ、それぞれのウィンドウ幅で表示されるのですが、chromeのスマートフォン表示モードに切り替えるとPC用のcssになってしまいます。スーパーリロードしても変わりませんでした。
|
|
20
28
|
|
|
21
29
|
|
|
22
30
|
|