質問: はじめて質問をします。 HTML5、CSS、Javascriptを活用してWebサイトを作っています。
回答: 質問とは関係ありませんが PCの場合、現在4k画面が普及価格帯で販売されており、また(まだまだ高価ですが)8k画面も販売されているので、特定の解像度に依存しないページが推奨されます。 レスポンシブ・デザインが推奨されます。 「スマホ、タブレット」の場合、端末の物理的な解像度と、ブラウザ上の解像度は違うようで、ブラウザ上の解像度を「CSSピクセル、dp解像度」と言うらしいです。 参考 Webページにおける基本的な注意点 作成したWebページをChromeのモバイル・エミュレーターで「1K~4k」の解像度でチェックしてみると良いでしょう。 モバイル・エミュレーターは、当然 スマホ用エミュレーターなので(metaタグの)viewportで固定値が指定されている場合は、viewportの設定値の解像度が優先されるので注意して下さい、つまり PC用ページとしてチェックしたい場合で(metaタグの)viewportで固定値が指定されている場合は、その設定をコメントにするか削除して下さい。 そうしないとスマホ用(metaタグの)viewportが有効になってしまうのでPC用の表示をチェックできません。 参考 (通常版)《 チンチロリン Version 2.001.11.0 》 ※超単純なレスポンシブ・デザイン デモ・ページになっています。 (モバイル・エミュレーター チェック用)《 チンチロリン Version 2.001.11.0 》 ※フォント・サイズ自動設定用JavaScript入り。 《 ブロック崩し Version 3.001.1 》 ※メディアクエリは使ってないので、一般的なレスポンシブ・デザインとは違いますが、特定の解像度に依存しないプログラムになっています。