質問とは関係ありませんが PCの場合、現在4k画面が普及価格帯で販売されており、また(まだまだ高価ですが)8k画面も販売されているので、特定の解像度に依存しないページが推奨されます。 レスポンシブ･デザインが推奨されます。 「スマホ、タブレット」の場合、端末の物理的な解像度と、ブラウザ上の解像度は違うようで、ブラウザ上の解像度を「CSSピクセル、dp解像度」と言うらしいです。 参考 Webページにおける基本的な注意点 http://ashtarte.pa.land.to/utf8/smt.cgi?r+sara/&bid+00000231&tsn+00000231&bts+2019/08/12%2011%3A02%3A18& 作成したWebページをChromeのモバイル･エミュレーターで「1K～4k」の解像度でチェックしてみると良いでしょう。 モバイル･エミュレーターは、当然 スマホ用エミュレーターなので(metaタグの)viewportで固定値が指定されている場合は、viewportの設定値の解像度が優先されるので注意して下さい、つまり PC用ページとしてチェックしたい場合で(metaタグの)viewportで固定値が指定されている場合は、その設定をコメントにするか削除して下さい。 そうしないとスマホ用(metaタグの)viewportが有効になってしまうのでPC用の表示をチェックできません。 参考 (通常版)《 チンチロリン Version 2.001.11.0 》 http://xd305417.html.xdomain.jp/demo/dice000/ ※超単純なレスポンシブ･デザイン デモ･ページになっています。 (モバイル･エミュレーター チェック用)《 チンチロリン Version 2.001.11.0 》 http://xd305417.html.xdomain.jp/responsive/dice000/ ※フォント･サイズ自動設定用JavaScript入り。 《 ブロック崩し Version 3.001.1 》 http://xd305417.html.xdomain.jp/demo/block000/ ※メディアクエリは使ってないので、一般的なレスポンシブ･デザインとは違いますが、特定の解像度に依存しないプログラムになっています。