- 締切済み
《観る人側のモニタに合わせた、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>幅の内数として 解釈するか否かといった違い等です。
関連するQ&A
- 《観る人側のモニタに合わせた、html上でのwidhの設定について》
《観る人側のモニタに合わせた、html上でのwidhの設定について》 (1)インターネットでのホームページ作成 (2)オークションに出品する時の商品説明 この二つでhtmlを書こうとしているのですが、 どちらも初めてでして、よく解らないのでよろしくお願いします ＜質問１＞-------------------------------------- 観る人側の様々なモニタの解像度に合わせて、 崩れたりせずキレイに表示がされるようにするには、 width（全体的な横幅）のpx（ピクセル）はいくつ以内に設定すればいいですか？ 近年最も使われている主流のモニタの解像度は、 「1024 x 768」になるとどこかで見たのですが（この情報は古いかもしれませんが）、 モニタの解像度にまつわる妥当なピクセル数の設定がよく解りません。。。 ＜質問２＞-------------------------------------- また、"width=○○px"と設定した時に、 ○に同じピクセル数を入れていても (1)(2)で表示される全体的な横幅に違いが起こったりしますか？ ＜質問３＞-------------------------------------- また、オークションサイトも数多くありますが、 "width=○○px"と設定した時に、 ○に同じピクセル数を入れていても各オークションで 表示される全体的な横幅に違いが起こったりしますか？
- 締切済み
- その他([技術者向] コンピューター)
- 解像度を理解できてませんdpiとかppiは知ってるんですが、わからない
解像度を理解できてませんdpiとかppiは知ってるんですが、わからない事がいくつかあります。 1,まず、モニターの画面解像度（1280×800とか）っていうのは何が1280×800なんでしょうか？縦横のピクセル数ですか？でも1ピクセルってものすごく小さい（画面に顔を近付けると見える編み目みたいなやつ）ですよね？どう考えても足りないんじゃないかと思うんですが… 2,jpg等の画像で大きさが800×600px、解像度は72ppiとかありますよね？それを72ppiのモニタで見るとすると、画像全体のピクセル数が800×600で480000ピクセル、モニタの解像度が72ppiということは、1インチ四方が72ピクセルで表現されているということだから480000÷72で6666インチもある、という計算になってしまい、自分の中で納得できません。 画像が表示される大きさは画像の持つ解像度とモニタの解像度によって変わる、というのはわかったんですが、ちゃんと理解できていません。 同じピクセル数の画像でも、モニタの１インチあたりのピクセル数の設定が違えば画面での大きさが違うのはわかります。ということは、ちなみにモニタ解像度が同じなら、画像のppiが変わると、表示される大きさに違いはでるんでしょうか？ここも頭がグチャグチャになってよくわかりません。 3,また、イラレやフォトショでの表示はまた違う、と聞いたんですがどういう事でしょうか？ 以上をどこが合っていてどこが間違ってるのか誰かわかりやすく教えてもらえないでしょうか？ 具体的に数字を示して説明していただけるとありがたいです。
- ベストアンサー
- デザイナー・クリエイティブ職
- モニタについて。
モニタの購入を考えているんですが、購入するモニタの解像度はパソコン本体（ビデオカード）に対応しているとして、 例えばモニタの解像度が1600X1200と書いていて1280X1024や1024X768で設定を変えて表示すると、何か表示はおかしくなったりしないでしょうか？ 画面全体が拡大する、領域が狭くなるということはわかっているんですが、画面上の粒子？ドット？などが標準解像度を変えることになるので、ボヤっとしたり、それによって荒くなったりするんでしょうか？ つまり同じ17インチのモニタを比べたときに、 最初から1024X768の解像度を持っているモニタと、1600X1200の解像度を持つモニタに1024X768と設定を変えてお互いのモニタを比較すると違いはあるんでしょうか？ 私的には普段は1024X768で、仕事などで使うときは1280X1024やそれ以上にしたいと思ってるんですが。 皆さんよろしくお願いします。
- ベストアンサー
- デスクトップPC
- 高解像度のスマートフォン対応サイト作成について
いろいろ調べたのですが、どうもしっくり理解できないので、 教えてください。 スマートフォンサイトを作成していますが、解像度が高くなった機種 （たとえばiphone4）だと、これまでiphone3Gなどのスマホで ポートレート表示（320px）で作ってきたものが、 画像が荒れてしまうという現象が起きます。 解像度が上がるということは、実寸（たとえば1インチ×1インチ内）に ピクセルがいっぱい入ってる、というイメージなのですが、それで正しいですか？ ということは、例えば30px×30pxの写真を載せたとき、高解像度だと 小さく表示されますよね？ この、小さく表示されてしまうのが困るので、大きく表示させると 荒れてしまう、ということなのでしょうか？ 小さく表示されてしまうのが困るので、大きく表示させる、というのは どこで設定するものでしょうか？ width=device-widthではだめなのでしょうか？ 高解像度だから、小さい解像度の写真が荒れてしまうのであれば、 高解像度にする意味って、どこにあるのでしょう？ かえって面倒なだけじゃないのでしょうか…？ 変な疑問ですみません！ よろしくお願いいたします。
- ベストアンサー
- CSS
- モニター解像度とデジタルカメラ画素数の関係
私のパソコンモニターの解像度は現在1024*768となっています。このモニターでデジタルカメラの画像を見る場合、2048*1536ピクセル（300万画素）だと、ちょうど4ピクセル分のデータを1ピクセルのモニター画素に変換して表示することになるかと思います。1840*1232ピクセル（約200万画素=フジカラーＣＤ）の画像を見るときは、1840ピクセルを1024ピクセルに変換して表示するので、ピクセル単位で見ると、約1.8ピクセル分のデータを1ピクセルのモニター画素に変換して見ることになるかと思います。 ともに、モニターの解像度を上回る画素数のデータですが、上記の後者（フジカラーＣＤ）ように、くまく割り切れない割合のデータを見る場合には、より表示の際の画質が悪くなりやすいということでしょうか…。
- ベストアンサー
- デジタルカメラ・フィルムカメラ
- 19インチにモニターで壁紙を設定しても横に伸びてしまう
19インチのモニターで壁紙を設定しても、横に伸びてしまうのですが、解像度の設定でピクセルを下げてみても、画面のアイコンが大きくなってしまいます。どうしたら、19インチのパソコンでも壁紙を普通に設定できるのですか？
- ベストアンサー
- デスクトップPC
- 画面解像度の設定とピクセル数との関係
Win ＸＰです。 画面のプロパティの設定から画面の解像度を選択出来るようになっています。 これは、ピクセル数を選択出来るようになっていますが、モニター（画面）にセットされているピクセル数を どのような仕組みで変えることが出来るのでしょう。 ピクセル数を変えるということはピクセル自体の大きさを変えるということでしょうか。 どのような仕組みになっているのでしょうか。
- 締切済み
- Windows XP
- 解像度の違いについて質問
たとえば、１０２４×７６８の解像度のモニターと、 １２８０×１０００の解像度のモニターでは、 標準の文字の大きさが違うんでしょうか？ font-size;normalの標準の大きさです。 ピクセル数が、標準で違うんでしょうか？ だとすると、１０２４×７６８の解像度のモニタで とあるサイトを見た場合、１５０ｐｘのメニューバーに ギリギリ文字列(font-size:normal)が一列で収まっていたとしても、 その同じサイトを１２８０×１０００の解像度のモニタで そのサイトを見た場合、１５０ｐｘのメニューバーに 文字列(font-size:normal)が１列で収まらずに ２段になっちゃったりしてるってことでしょうか？ 解像度が高いと、標準の文字の大きさのピクセル数もあがりますよね？たぶん。画面で見た場合の文字の大きさは、どの解像度でも５ミリぐらいっぽいですし。
- ベストアンサー
- その他(Windows)
- 高画質で画像を表示したい
インターネット用の画像の解像度をいくらにすればよいのかが分かりません。 例えば、1280×1024ピクセルに設定した通常の型17インチ（縦約280mm×横約335mm）の液晶モニタに画像を表示する場合を考えます。この場合は、横方向は335mmに1280ピクセルなので、インチ換算すると約97ピクセル/インチになります。このようなモニターに最高の解像度で画像を表示するには、いくらの解像度の画像をアップロードしたらよいのでしょうか。 97ピクセル/インチ以上の解像度の画像をアップロードしても意味がない（例えば、2倍の194ピクセル/インチの画像をアップロードしても表示される画質は全く同じである）ように思えるのですがそれで正しいでしょうか。つまり、最大でも97ピクセル/インチの解像度の画像をアップロードしておけばよいということで正しいでしょうか。 もちろん、サイズ（総ピクセル数）の大きな画像をアップロードすれば大きく表示されるので細部まで見ることができるので、その意味では解像度は上がるのですが、ホームページの中の画像を表示する領域の大きさが限られていてかつその中に画像の全体を表示しなければならないとお考えください。
- ベストアンサー
- HTML
- モニターが全体に表示されません
モニター(acerのLCD MONITOR) モニターとPCはVGAケーブルで繋いでいます 先日モニターを買って、今日家に届いたので設定をしていました 解像度を1920×1080に設定したのですが、モニター全体に画像があるのではなく、 小さめの壁紙を設定したみたいになっていてモニター全体に表示されていません。 どうしたら改善できますか？
- 締切済み
- その他([技術者向] コンピューター)
お礼
<質問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ということで、あくまでも閲覧する方が使っているブラウザとそのバージョンによって 多少のズレが出るか否かという程度なのかなぁ？と思っていました。 長々とすみません。とても参考になりました。ありがとうございます！