- 締切済み
《観る人側のモニタに合わせた、html上でのwidhの設定について》
(1)インターネットでのホームページ作成 (2)オークションに出品する時の商品説明 この二つでhtmlを書こうとしているのですが、 どちらも初めてでして、よく解らないのでよろしくお願いします ＜質問１＞-------------------------------------- 観る人側の様々なモニタの解像度に合わせて、 崩れたりせずキレイに表示がされるようにするには、 width（全体的な横幅）のpx（ピクセル）はいくつ以内に設定すればいいですか？ 近年最も使われている主流のモニタの解像度は、 「1024 x 768」になるとどこかで見たのですが（この情報は古いかもしれませんが）、 モニタの解像度にまつわる妥当なピクセル数の設定がよく解りません。。。 ＜質問２＞-------------------------------------- また、"width=○○px"と設定した時に、 ○に同じピクセル数を入れていても (1)(2)で表示される全体的な横幅に違いが起こったりしますか？ ＜質問３＞-------------------------------------- また、オークションサイトも数多くありますが、 "width=○○px"と設定した時に、 ○に同じピクセル数を入れていても各オークションで 表示される全体的な横幅に違いが起こったりしますか？
- taruho2010
- お礼率100% (1/1)
- その他（インターネット・Webサービス）
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- Safe_Mode
- ベストアンサー率48% (1329/2725)
<質問1>に関しては・・・ 自分が管理しているサイトでは、訪問者のモニタは1024×768が3割程度で それより大きいものが1280×800が2割強、1280×1024が2割弱といった ところですね。一番小さいものだと474×292ってのがありますが… 自分では<body>のwidthは800pxとしています。 1024幅目一杯だと、ブラウザの左にお気に入り等を表示させている ユーザーにとっては横スクロールが発生しやすいだろうと考えてのことです。 <質問2>と<質問3>については・・・ サイトがどうこうとか、ホームページとオークションでどうこうではなく ユーザーが使っているブラウザとそのバージョンによって微妙に 変ってしまうことがあります。 例えば<body>の両サイドの<border>幅を<body>幅の内数として 解釈するか否かといった違い等です。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_1_thumbnail_img_sm.png)
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_2_thumbnail_img_sm.png)
お礼
<質問1>に関して 回答者様のサイトに訪問される方のモニタの解像度を詳細に割合で教えていただきまして、ありがとうございます！ 一番小さいものだと「474×292」っていうモニタの解像度もあるんですか～！ 私は、パソコンモニタの解像度で最小のものは「480px×640px」だと思っていたので（これは古い情報かもしれませんが） 今回htmlを初めて書くのですが、「bodyまたはtableのwidhtの値は600px程にすれば、どんな環境の方へでも網羅出来ていいのかなぁ」 と漠然と思っていました。 でも回答者様は、「<body>のwidthは800px」とされているということで、 自分で思っていたものより200px大きく出来ることは嬉しいですし、 モニタの解像度のこととしてモニタのインチ数のことも考えると混乱してしまいどう考えればいいのか解らなくなったので、 今回初めてWeb上で質問を書かせていただきました。 書いていただいたように、私も「800px」の幅で作っていこうと思います。 <質問2>と<質問3>について 私は今回初めてオークションで出品することになり、商品説明の欄がhtmlで記入出来ることを知ったのですが、 オークションサイトのhtmlの中に（その中のtableか何かの中に）自分の商品説明のtableを入れ込むということは、 自分のtableのwidthの値の設定はどうしたらいいんだろう？と疑問を感じて<質問2><質問3>に書かしていただきました。 でも、回答者様に書いていただいて安心しました。私も、"サイトがどうこうとか、ホームページとオークションでどうこう"ではなく、 あくまでも同じhtmlということで、あくまでも閲覧する方が使っているブラウザとそのバージョンによって 多少のズレが出るか否かという程度なのかなぁ？と思っていました。 長々とすみません。とても参考になりました。ありがとうございます！