人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

1024×768の画各で横にスクロールが出ないように
サイトのデザインをしたいのですが、
横幅はいくつでデザインをすればよろしいでしょうか?
1000pixl?

●質問者: inqure
●カテゴリ:インターネット
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● tmdat
●50ポイント

メジャーサイトの横幅がこちらにまとめられていますので、参考までに。
http://sanride.com/blog/webdesign/web-5.php

以下は私の意見です。

横スクロールが出現するかどうかは、閲覧時のマシンの画面解像度に依存しますので、
主流ディスプレイサイズの横幅が何pxくらいかを考えれば良いです。
最近のディスプレイは解像度が高いので、
横幅1000pxくらいのサイトでも横スクロールなく見れると思います。
しかし、1つのディスプレイに複数のブラウザを表示させて作業したい場合、
横幅が広すぎるサイトは使いづらいかと思います。
また、閲覧時に使用するマシンは
デスクトップPC、ノートPC、タブレット端末など様々であることや、
アスペクト比が4:3の画面を使っている可能性もありますので、
横幅の広すぎるページは全ての環境で横スクロールなく閲覧できる保証はありません。

以上のことから、
質問者さんがWebサイトの横幅を設定する場合は、
そのサイトがどんな人達にどんな使い方をされるかを考えることをお勧めします。

例えば、画面隅に常に表示しておくようなサイトなのか、
利用時には大画面で見たいサイトなのか、
はたまた、どんな環境でも横スクロールなく表示されるのが好ましいサイトなのか。

メジャーサイトの横幅、それらを考えて行った先にでてきた数字なのかもしれません。


2 ● 楽1978
●50ポイント

単純にスタイルシートで横幅を100%に固定して横スクロールできないようにすればいけませんか?

body {width: 100%;
 overflow-x: hidden;
}

それでうまくいかなければ下記のサイトが参考になります。
http://jeffreyfrancesco.org/weblog/2011050801

関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ