2011-09-01 8 views
7

私はクライアントのために新しいサイトを構築しており、私が彼に最高のサービスを提供していることを確認したいと考えています。私はページ幅を決定しています。新しい標準のWebページ幅がありますか?何ピクセルですか?

まず、過去数年間、私のページの幅は900ピクセルで、ブラウザウィンドウの中央に配置されていました。これは本当にうまくいく。それは私が今取っているアプローチではありません。今日のモニターでは、900-1000ピクセルの私の古い標準は本当に小さいようです。

私は3列のページレイアウトを作成しています。一番左の列はブラウザの左側に貼り付ける必要があります。ブラウザが実際に幅広く設定されている場合は、ブラウザの右側に巨大な垂直デッドゾーンがあります。ほとんどの人がブラウザを1600pxのモニターで100%の幅で開くことは疑いがないので、これは実際問題ではありません。

私の質問は次のとおりです。人々の90%がウェブサイトを閲覧するために使用すると仮定した標準的なピクセル幅がありますか?

答えて

12

960ピクセル!

あなたのページをさまざまな列に分割できるようにするには、多くの種類があります。 http://960.gs

あなたのモニターに比べて小さいと言われていますが、この解像度を維持することで恩恵を受ける多くのユーザー(大多数)がいることは知っています。

+0

私は流体の幅のページはおそらくユーザーフレンドリーですが、FacebookやTwitterなどのサイトを考慮する、彼らは固定幅のレイアウトを持って、誰も彼らの仕事のために不平を言う。 – Mike

+0

うわー! 960.gsサイトには素晴らしい例がいくつかあります。私は960のページを設定しました。私はCSSのコンセプトを使用しませんが、表示されているすべてのサイトは見栄えが良く、私が望むものです。ありがとう! –

+0

あなたは大歓迎です! – Mike

3

流体幅のページを作成した場合、これは問題ではありません。

これらの日はすべてモニターされています。特定の視聴者が何を使用しているかを確認するには、分析を確認する必要があります。

固定幅のページを作成すると、私は通常980pxで撮影します。約1024x800の解像度でポップアップするネットブックがたくさんあります。繰り返しますが、固定幅のないページを作ることや自分の聴衆を確認すること以外は、この質問に対する具体的な答えはありません。

+0

流体の幅が –

+0

の場合これは流体の幅と呼ばれていますか?http://css-tricks.com/examples/PerfectFluidWidthLayout/ページの行の長さはほとんど読めません。 –

+0

@エヴィク、あまり心配しないでください。流体幅が働くサイトを設計し、行の長さを制限する方法はたくさんあります。あなたのページが主にテキストの場合、流体幅はあなたのためではありません。いずれにしても、ウェブ上の哲学は、それがあなた次第ではないということです。クライアントは、クライアントが望むようにテキストをレンダリングすることができます。 – Brad

6

また、いわゆる「応答」のアプローチを使用することを検討することができます

http://978.gs/

アイデアであるあなたがそう、あなたの訪問者のビューポートにレイアウトを適応させるメディアクエリを使用して(と代替技術)理想的には、誰にでも最高のコンテンツを提供することができます。

+0

レスポンシブアプローチはクールでした。少なくともこのプロジェクトでは私はそれを必要としません。私は確かにそれを心に留めておきます。ありがとう! –

+0

ありがとう@Wabbitseason、私はいつも私のニーズに合っていて、他のものを探す必要はありませんでしたが、私は新しい「読書リスト」にサイトを追加しました。後で見てみましょう! – Mike

関連する問題