
ほかにも質問出していますが、そっちも募集中です。
で、私は今バイト先のPCでHP作ってるんですが、そこで作って会社のPCで見てるものと、家に帰ってきて家のノートPCで見るもの。あきらかにサイズが違います。
なんというか、会社のPCは余裕で一画面に収まってたのに、家で見ると、スクロールバーが表示されるぐらい、あふれてるんです、表示が一画面に収まりきってないんです。
これはどういうことですか?
例えば、パソコンは1024×768ピクセルでしたっけ?これが標準らしいんですが、会社のPCは1280×1024だった、とかそういうことなんでしょうか?
そうだとすると、描画範囲が違うんだから当たり前ですよね?
どうなんですか?PCによって描画範囲が違ったりしますか?
No.7
- 回答日時:
他の方が仰っていますが補足を。
作成ページの内容(表示)領域が、ウィンドウの表示領域よりも大きいときにはスクロールが必要になります。
WWWブラウザは表示領域以外にも各種バー(タイトル・メニュー・ツール・サイド・タブ・ステータス・スクロール等)の領域が必要になります。
WWWブラウザは画面解像度(XGA, SXGAが一般的)よりも小さな領域のなかでこれらを表示します。
表示領域の小さなウィンドウに収まる固定幅表示を実現してしまうと、大きなウィンドウで表示したときに余白が広くなってしまいます。
ウィンドウサイズに合った柔軟な表示を実現させたいのであればリキッドデザインを心がけてください。
しかしながら、一般的にリキッド(可変幅)レイアウトというと横幅に対するものになります。
尤も、縦幅(高さ)に依存するページはデザイン的に必要でない限り作成すべきではありません。
技術的には実現できますが、クロスブラウザを考慮するとなると容易ではありません。
リキッドデザインに関しては余談でしたのでこれ以上は割愛します。
No.6
- 回答日時:
私の解析には320×ってのもかなり混じってます。
大画面の人は、ブラウザをいっぱいに広げないで見ていると思いますけど。
あと、文字の大きさなんかも環境によって左右されるので、仕事でHP作るなら注意が必要ですね。
No.5
- 回答日時:
参考にアクセス解析データを載せておきます。
◆解像度(ディスプレイ画面の広さ)
順位 項目 数量 割合
1 1024x768 62012 58.7%
2 1280x1024 23268 22.0%
3 1280x768 4616 4.4%
4 1280x800 3951 3.7%
5 1400x1050 2411 2.3%
6 Unknown 1742 1.6%
7 800x600 1601 1.5%
8 1152x864 1404 1.3%
9 1600x1200 1128 1.1%
10 1680x1050 751 0.7%
11 1440x900 509 0.5%
12 1280x960 407 0.4%
13 1920x1200 402 0.4%
14 1366x768 311 0.3%
15 1360x768 257 0.2%
世界で最もアクセスの多いアメリカYahoo http://www.yahoo.com/
では標準サイズの1024x768に対応した950で作られています。(フルcss)
日本のYahooはかなり前のデザインで<table width=710で作られています。
★参考までにブラウザシェアも載せておきます。
◆ブラウザの種別
順位 項目 数量 割合
1 IE6.0x 93959 88.9%
2 IE7.0x 2663 2.5%
3 Firefox 2526 2.4%
4 IE5.5x 2052 1.9%
5 Safari 1428 1.4%
6 Netscape7.x 720 0.7%
7 IE5.0x 683 0.6%
8 Unknown 632 0.6%
9 Opera 475 0.4%
10 IE5.1x 246 0.2%
11 IE5.2x 226 0.2%
12 Netscape4.x 17 0.0%
13 Vodafone 5 0.0%
14 IE4.0x 3 0.0%
15 Netscape6.x 3 0.0%
参考URL:http://www.yahoo.com/
No.4
- 回答日時:
他の方も回答しているとおり、人それぞれ、パソコンのグラフィック能力や使っているモニタの性能、個人的な好み で解像度はさまざまです
今の時代ならば1024*768のサイズで横幅が収まるように作っておけばとりえあず良いかと思います
一昔前ならば800*600
パソコンが出て間もないような時代は640*480という解像度が一般的でした
No.3
- 回答日時:
>例えば、パソコンは1024×768ピクセルでしたっけ?これが標準らしいんですが、会社のPCは1280×1024だった、とかそういうことなんでしょうか?
そういうことだと思います。
ですから作成する段階で1024x768に最適化して作成するとか工夫するしかないですし
HPによっては「このページは○x○で見る事を前提に作成しています」みたいな注釈がある場合があります。
普通は小さいサイズに合わせるでしょうね。
No.2
- 回答日時:
パソコンのグラフィック機能やモニタ性能で設定が変わります。
モバイル(小さなノートパソコン)とデスクトップが同じでは変ですよね。
一昔に比較して随分と性能はアップしてきたんですよ。
600x800がデスクトップでもほとんどと言う時代もありましたから
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Windows 10 windows11の画面の設定について 2 2022/03/27 18:24
- マウス・キーボード real vnc viewer で遠隔先で操作が出来ない。 2 2023/07/24 15:00
- モニター・ディスプレイ ノートPCの画面をデスクトップPCのディスプレイで見るには? 10 2022/11/01 01:09
- モニター・ディスプレイ WindowsノートPC 13.3で画面縮小したい 画面全体が見えない めり込んでしまってます 1 2023/01/22 13:42
- SOHO・在宅ワーク・内職 在宅勤務で使用するPC選び 5 2022/04/04 15:21
- Excel(エクセル) iphonからone driveに保存してあるExcelを閲覧すると表示の仕方がちがうデータ 2 2022/12/21 13:51
- その他(IT・Webサービス) PCを立ち上げ時いつも同じ画像が出ます(トラブル発生、終了) 2 2022/04/23 12:46
- Word(ワード) PCで作ったwordをスマホで編集しようとすると「このファイルは読み取り専用です。」と表示される。 3 2023/05/30 14:51
- モニター・ディスプレイ PCとプレステで、モニターの表示を切り替えたい 1 2022/05/11 23:55
- ノートパソコン 自作にするか、メーカーか、オススメのノートPCをおしえてください。 5 2022/11/29 17:42
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
アップしたホームページがスマ...
-
Illustratorで作成、pngで保存...
-
SELECTのプルダウンの長さの調整
-
Word Webレイアウト表示に関して
-
outlook 文字を揃えたい。tab...
-
マイクロ(μ)の文字を半角で出...
-
cssファイルの名称付け
-
教えてください。
-
リストの前後の行間をなくす方...
-
特定の文字のみcssを適用するに...
-
似ているフォント(Win⇔Mac)
-
印刷ダイアログの印刷ボタンを...
-
ワードでゴシックの文字を太く...
-
VBでデバックするとエラーになる。
-
alertで表示させる文字サイズは...
-
OperaとIEのテキストエリアの幅
-
cssでiPhone SEで文字が小さす...
-
「MS Pゴシック」と同じ幅の...
-
ページ内にスクロールバーのあ...
-
phpについてですかね、印刷ボタ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Illustratorで作成、pngで保存...
-
SELECTのプルダウンの長さの調整
-
ユーザーフォーム スクロール...
-
オプションメニューの中の文字...
-
フォルダ内の写真を画面幅にあ...
-
Word Webレイアウト表示に関して
-
プルダウンメニュー表示時の高...
-
アップしたホームページがスマ...
-
PDFファイルを横につなぐ事は可...
-
WEBサイトの横幅が960や980の理...
-
縦長のホームページを作りたい...
-
証明写真の一般的な顔の大きさ...
-
パソコンの画面の表示サイズは...
-
ウィンドウの大きさの設定
-
パソコンに詳しい人に質問です
-
画面サイズがXGAのパソコン
-
ホームページのサイズについて
-
文字が綺麗でサイズが小さいバ...
-
横スクロールのページ
-
ホームページ作成時の画像解像度
おすすめ情報