ページが実行時とデザインが異なるように見えるのはなぜですか？

Question

私はHTML/CSSを勉強しており、WebStormとChromeを使用して単一ページのプロジェクトを行っています。通常、ブラウザのアドレス行にhttp://localhost:63342/と表示されるWebStormでChromeを実行する方法をテストします。

私がプロジェクトを終えた後、私はWebStormを閉じてChromeで再度実行しましたが、今度はデスクトップ上のショートカットをクリックして開きます。

私の驚いたことに、WebStormでChromeを開いたときのページの見た目が違っていました。

質問は：なぜそうですか？同じHTML/CSSコードです。同じブラウザです。あなたが代替として使用することができますhttp://brackets.io/

Answer 1

。これには「ライブプレビュー」と同様の機能があります。

あなたのページにはスタイルが適用されていないようです。あなたのCSSが別のファイルにある場合、私の推測では、WebStormはあなたのCSSファイルを見つけられない、あるいはあなたのhtmlで正しく参照していないと思います。 Chromeデベロッパーツール（F18）の[ソース]タブを見て、.cssファイルが読み込まれているかどうかを確認してください。

Answer 2

それは、ページのスケールとは何かを持っていたことが判明しました。私がcmdと+を押してページがズームインすると、少し違った見た目になります。