HPページの横幅（ピクセル）

質問

PCやスマフォからHPを見たとき、正しく表示できる幅のピクセルは何ピクセルでしょうか？
また
CSSで動的にPCやスマフォ向けに適してた幅に合わせることはできるのでしょうか？

回答No.2

DrFell · ベストアンサー

1.PCやスマフォからHPを見たとき、正しく表示できる幅のピクセルは何ピクセルでしょうか？
スマフォ用に320ｐｘで作りますか？でもそのデザインをそのまま大型モニターに持ってきても正しくは表示されるでしょうが、デザイン的には見難くなると思います。
端末やサイトの作りにより、何が正しいのかの定義により、答えが異なるかな。
作りや定義によっては、すべて正しく表示できるし、定義によっては正しく表示できない。

2.CSSで動的にPCやスマフォ向けに適してた幅に合わせることはできるのでしょうか？
可能。レスポンシブ　デザイン・レイアウト　を学んでください。cssでの振り分けだと
メディアクエリを利用することになると思います。

検索し、上位に来たものです。手法・メリット・注意点・デザインなど、どんなものかをさーっと把握されることをお勧めします。
●流行期を過ぎたレスポンシブ・Webデザインのこれから
http://ascii.jp/elem/000/000/695/695819/
●ゼロからはじめるレスポンシブWebサイトを作るために勉強できるサイトをまとめました
http://www.html5-memo.com/html5/responsive/
●簡単なサンプルで学ぶ！ゼロからはじめるレスポンシブWebサイト初級編 ～メディアクエリを使ってCSSを分岐させる～
http://www.html5-memo.com/css3/mediaqueries-sample01/
●スマホ対応でレスポンシブwebデザインを実装しようとしてヤメた理由
http://www.misclog.com/tech/760/
●レスポンシブWebデザイン作例集
http://kunkun.pya.jp/basic_design/web_design/responsive-web-design50-2011102/

回答No.1

ORUKA1951

たとえば
html,body{margin:0;padding:0;}
body>*{width:80%;margin:0 auto;min-width:480px;max-width:900px;}
とか・・