レイアウトが微妙に違う件。

質問

この度HTML/CSS/JSを使い、自分で作ったHPをサーバーにアップロードしました。

ですが、想定していたときの見た目とは微妙に異なっていて困っております。
エディタソフトはVS codeを使用しており、ライブ・ビューイングで見たときよりドキュメント全体の文字の大きさが大きくなっていたり、要素も微妙に下にずれていたりと大変困っております。

ライブ・ビューイングの時と実際にサーバーで見る時のレイアウトでは見た目が変わるなんてそんな仕様はありませんよね？笑

至急回答よろしくおねがいします。

回答No.2

t_ohta

VS codeのビューアーとブラウザで既定フォントが違うと言う事はありませんか。
既定フォントは閲覧者の設定で変わるモノなので、フォントに左右されないデザインをしないと細かな位置決めは崩れます。

回答No.1

noname#242220

文字サイズを『ピクセル』で設定して下さい。
ポイントですとOSの画面解像度で表示が変わります。

日本語文字のベースラインは新しいMSフォントだと変更されてます。