あなたの環境チェッカー

今お使いの端末の画面サイズ・表示領域（ビューポート）・ピクセル比と、ブラウザやOSの情報を表示するツールです。

Webサイトの表示確認や、不具合のお問い合わせで「お使いの環境を教えてください」と言われた時に便利です。結果はボタン1つでまとめてコピーできます。

あなたの環境

画面サイズ−

表示領域（ビューポート）−

ピクセル比−

ウィンドウの大きさを変えたり、端末を回転させたりすると、表示領域がその場で更新されます。

この情報はお使いのブラウザの中だけで表示しており、サーバーには送信されません。

用語	意味
画面サイズ	ディスプレイ全体の大きさ（CSSピクセル）。OSの表示倍率の設定で変わります。
表示領域（ビューポート）	ブラウザの中で、実際にWebページが表示されている部分の大きさ。レスポンシブデザインの切り替えはこの幅で決まります。
ピクセル比	CSSの1ピクセルを、画面の何ドットで表示しているか。2なら縦横2倍の細かさ（Retinaディスプレイなど）です。
物理解像度	画面サイズ×ピクセル比で求めた、実際のドット数の目安です。
ユーザーエージェント	ブラウザがWebサイトに伝えている、自分の種類やバージョンを表す文字列です。

スマートフォンでも、表示領域の幅は360〜430px前後になることが多いです。Webサイトを作る時は、この幅で崩れないかを確認しておきましょう。

このツールは役に立ちましたか？

これからの開発の参考にしたいので、いいねボタンで教えてください。

この記事へのコメントはありません。