回答編集履歴
2
タグの修正
test
CHANGED
@@ -50,9 +50,9 @@
|
|
50
50
|
|
51
51
|
//補足と画像盗難防止タグの挿入
|
52
52
|
|
53
|
-
|
53
|
+
<img src="url.jpg" width="160" height="auto" alt="" oncontextmenu="return false">
|
54
54
|
|
55
|
-
|
55
|
+
|
56
56
|
|
57
57
|
などとすれば、自動敵の圧縮されます。ブラウザ互換。
|
58
58
|
|
@@ -62,14 +62,12 @@
|
|
62
62
|
|
63
63
|
//追加提案
|
64
64
|
|
65
|
-
|
65
|
+
<head>
|
66
66
|
|
67
67
|
<link rel="stylesheet" href="url.css" type="text/css" media="only screen and (max-width: 320px)" />
|
68
68
|
|
69
69
|
<link rel="stylesheet" href="url2.css" type="text/css" media="only screen and (min-width: 321px)" />
|
70
70
|
|
71
|
-
</head>
|
71
|
+
</head>
|
72
|
-
|
73
|
-
```
|
74
72
|
|
75
73
|
とすることも可能です。
|
1
画像の自動圧縮と、右クリック防止、スタイルシートの場合による振り分け。
test
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
cssで動かした方が簡単です、<ul><li>タグよりも、<div class="box">~</div><div class="box">~</div>などとし
|
1
|
+
cssで動かした方が簡単です、<ul><li></li></ul>タグよりも、<div class="box">~</div><div class="box">~</div>などとし
|
2
2
|
|
3
3
|
<style>
|
4
4
|
|
@@ -40,6 +40,36 @@
|
|
40
40
|
|
41
41
|
ですから、自分で、スタイルを書いてあげるのが得策です。またそのサイトが、うまく動作できていて、自分のサイトができないと言うのなら、スタイルもしくは、スクリプトに何らかの問題が考えられます。質問の内容では、判断できに内容ですので、
|
42
42
|
|
43
|
-
<meta name="viewport" content="width=devce-width,initial
|
43
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable="no" />
|
44
44
|
|
45
45
|
などの設定も見直すと良いでしょう。
|
46
|
+
|
47
|
+
画像ファイルの大きさをそのまま利用すると、画面におさまらない、大きさのピクセル(解像度)しか持たないデバイスは、画像がはみ出るため、横列はできません。またスマホの場合、基準となる、幅が320pxと640pxなど比較的小さく設けられているブラウザの仕様です。
|
48
|
+
|
49
|
+
そのため、2列にするには、320pxの場合、画像のワイズを160px以下、640pxの場合320px以下に圧縮しなければなりません。
|
50
|
+
|
51
|
+
//補足と画像盗難防止タグの挿入
|
52
|
+
|
53
|
+
```ここに言語を入力<img src="url.jpg" width="160" height="auto" alt="" oncontextmenu="return false">コード
|
54
|
+
|
55
|
+
```
|
56
|
+
|
57
|
+
などとすれば、自動敵の圧縮されます。ブラウザ互換。
|
58
|
+
|
59
|
+
また、スタイルを幅のによって分けるタグ、
|
60
|
+
|
61
|
+
|
62
|
+
|
63
|
+
//追加提案
|
64
|
+
|
65
|
+
```ここに言語を入力<head>
|
66
|
+
|
67
|
+
<link rel="stylesheet" href="url.css" type="text/css" media="only screen and (max-width: 320px)" />
|
68
|
+
|
69
|
+
<link rel="stylesheet" href="url2.css" type="text/css" media="only screen and (min-width: 321px)" />
|
70
|
+
|
71
|
+
</head>コード
|
72
|
+
|
73
|
+
```
|
74
|
+
|
75
|
+
とすることも可能です。
|