過去に戻って、
さまざまな解像度とブラウザで自分のWebサイトの画像をキャプチャして保存できるサードパーティのWebページを見つけました。もちろん、そのブックマークはもうありません...
それで、私のウェブページが異なる解像度でどのように見えるかを見ることができるウェブページまたはアプリケーションはありますか？
そして、これが私がチェックしたい解像度です。
1. 1024x768 24.56%
2. 1280x800 22.06%
3. 1280x1024 13.42%
4. 1366x768 7.10%
5. 1440x900 6.68%
おそらくあなたはhttp://browsershots.org/を考えていますか？
ブラウザを実行しているコンピュータの画面解像度は、真実の半分にすぎないことに注意してください。ブラウザが最大化されていない場合、そこに表示される解像度よりもはるかに小さくなります。Windows以外のオペレーティングシステム（Mac OS X、Linux）では、最大化されていないアプリケーションを実行するのがはるかに一般的です。
小さなウィンドウ（ブラウザのサイズを小さくするだけ）から大きなウィンドウまで、サイトが表示可能であることを確認するのが最善です。
さまざまな解像度やブラウザを確認したい場合は、BrowserShotsが以前に出会ったものである可能性がありますので、ご覧ください。
あなたのウェブページをどのくらいの割合で見ているのかを見るには：
http://browsersize.googlelabs.com/
また、Firefox用のWeb Developerプラグイン（[サイズ変更]メニュー）。
ブラウザをさまざまな標準解像度サイズにサイズ変更するため のChrome拡張機能とFirefoxアドオン...
ScreenFlyと呼ばれるもう1つのオンラインツールがあります。これは非常に優れており、タブレット、テレビ、携帯電話をチェックすることもできます。screenfly
Multibrowserviewerは、マルチブラウザをサポートするための優れた（有料の）ツールです。無料ではないことを知っています。試用期間中であっても調べる価値があります。
さまざまな解像度でウェブサイトを視聴するために利用できる多くのユーティリティがあります。
一部はPCにインストールされ、一部は次のようなオンラインサービスです。
Adobeの「ブラウザのレンダリング」-無料のAdobeアカウントを作成する必要があります。
いいですが、私が覚えているように、速くしたい場合は無料ではありません：
グーグル-グーグルからの統計に基づいてあなたのウェブサイトのどの部分が見えるかを示します：http： //browsersize.googlelabs.com/
しかし、私が知る限り、今日最も一般的なデザインの解像度は1024x768ですが、ほとんどのマウス/パッドで人気のあるスクロールホイールがあるため、高さはそれほど重要ではありません。
この解像度で設計する場合、960グリッドと呼ばれる「成長する標準」には多くの設計ヘルプがあります。これは、設計を作成するプロの設計者の数に基づいています。
常に目に見えない「グリッド」を作成し、セルを使用してコンテンツを配置します。古い「テーブル」システムによく似ていますが、プロのデザインに重点を置いています。
あなたの質問に関して、あなたがリストする％は、あなたが上記の「グーグル」リンクを最もよく使うだろうようです。
最後に、最もよく使用されるブラウザでWebサイトがどのように表示されるかを常にテストすることを忘れないでください。私にとって、これらの4つは次のようになります。
Internet Explorer（最新および以前のバージョン、複数のコンピューターを使用して、二重インストールを実行できないかどうかをテストします）
Mozilla Firefox（最新でおそらく以前のものですが、レンダリングの変更が少ないため、最新のものでもかまいません）
グーグルクローム（素晴らしいデバッグツール、そして非常に安定したブラウザ）
Safari（MacOSXをサポートしていることを確認してください）
それが私の意見です。