画面解像度とCSS

Question

画面解像度を1024 * 768に設定すると、ウェブサイトの幅が1024ピクセルになる可能性がありますか？

もしそうなら、1024ピクセル幅の画像がページをカットするのはなぜですか？

http://stevenportfolio.servehttp.com

Answer 1

短い答えはノーです。 1024 x 768の画面解像度は、画面が水平方向に1024ピクセル、垂直方向に768ピクセルを表示していることを意味します。あなたのウェブページを見るとき、あなたは常にそれらのピクセルの100％を使用しているわけではありません。たとえば、ブラウザのスクロールバーがそれらのピクセルの一部を占める場合、またはブラウザが最大化されていない場合は、画面の半分しか表示されません。

あなたはいくつかの理由で特定の解像度であること、スクリーンに依存しているウェブサイトを設計することはありません：

• は、すべてのユーザーがあなたと解像度を見つけようとしていても、同じ画面解像度
• を持っていませんJavaScriptやいくつかの同様のハックは、それがまたは正しく報告してもしなくてもよい（プラスあなたのウェブサイトは、仕事にはJavaScriptを必要とすべきではない）、ブラウザウィンドウを最大化したりしてもしなくてもよい

任意の標準画面サイズで十分な拡張性を持ち、さまざまな画面サイズ、ブラウザ、オペレーティングシステム、解像度で頻繁にサイトをテストすることを忘れないでください。 （複数のコンピュータがないと便利な場合はbrowsershots.orgを使用できます）

Answer 2

画面の解像度が1024×768である場合、それはあなたの画面が1024個のピクセルの幅であることを意味しています。スクロールバーとウィンドウの枠線はいくらかのスペースを占めるので、Webページの利用可能なスペースはおそらく多少少なくなります。