回答編集履歴
1
Chrome Developer Tools の説明追記
test
CHANGED
@@ -64,4 +64,48 @@
|
|
64
64
|
|
65
65
|
|
66
66
|
|
67
|
+
### Chrome Developer Tools
|
68
|
+
|
69
|
+
|
70
|
+
|
71
|
+
質問の追記より引用。
|
72
|
+
|
73
|
+
|
74
|
+
|
75
|
+
> Chromeのデベロッパーコンソールで確認するとエラー警告が表示されます
|
76
|
+
|
77
|
+
|
78
|
+
|
79
|
+
設定の問題かもしれませんが、私の環境では Google Chrome v56.0.2924.87 においてコンソールに警告が表示されませんでした。
|
80
|
+
|
81
|
+
ただし、[Elements] -> [Styles] タブにおいては下記エラーを確認できました。
|
82
|
+
|
83
|
+
|
84
|
+
|
85
|
+
```CSS
|
86
|
+
|
87
|
+
img{width:calc((100%-15px)/4)px;} /* invalid property value */
|
88
|
+
|
89
|
+
img{width:calc((100%-15px)/4);} /* エラーは発生せず */
|
90
|
+
|
91
|
+
```
|
92
|
+
|
93
|
+
|
94
|
+
|
95
|
+
もし、コンソールに上記エラーを出力できるのだとすれば、同様の結果になると思われます。
|
96
|
+
|
97
|
+
|
98
|
+
|
99
|
+
(注意)
|
100
|
+
|
101
|
+
**Google Chrome のコンソールは[更新] ボタンを押してページを更新しても更新前のコンソールログがそのまま残る仕様**です。
|
102
|
+
|
103
|
+
エラーが出力された状態でCSSを修正し、ページを更新した場合、修正前のエラーログが変わらずに表示され、修正後のエラーが解消された状態になります。
|
104
|
+
|
105
|
+
つまり、修正前のエラーが一つだけ表示されるはずです。
|
106
|
+
|
107
|
+
この仕様は混乱を招くのでコンソールを一度クリアしてからページを更新すると良いと思います。
|
108
|
+
|
109
|
+
|
110
|
+
|
67
111
|
Re: yamatonchu さん
|