VS CODEでずっと悩んでたLIVE SERVERの表示がズレる問題。
ネットで調べてもあんまり出てこなかったんですが、たった一箇所にチェックを入れるだけで解決できたので忘れないために記事にしておきます。
症状
scssコンパイル時にLIVE SERVERで表示していたブラウザの表示位置が半画面分ずれてしまう
解決方法
拡張機能 > 拡張機能の設定 > Liver Server > Settings: Full Reload にチェックを入れる
説明文：By default live server inject css changes without full reloading of brouser. you can change this behavior by making this setting as ‘true’.
訳：デフォルトでは、ライブサーバはブラウザを完全に再読み込みすることなくCSSの変更を反映させますが、この設定を’true’にすることでこの動作を変更できます。
どうやら「css編集時、表示を反映しつつブラウザを再読み込みしない」ことが表示画面がずれてしまう原因だったようです。
コンパイラを挟まなかったら状況は違うかもしれませんが、ひとまずこれで解決。ストレスフリーでコーディングが可能になりました。
