• 締切済み

《観る人側のモニタに合わせた、html上でのwidhの設定について》

《観る人側のモニタに合わせた、html上でのwidhの設定について》 (1)インターネットでのホームページ作成 (2)オークションに出品する時の商品説明 この二つでhtmlを書こうとしているのですが、 どちらも初めてでして、よく解らないのでよろしくお願いします <質問1>-------------------------------------- 観る人側の様々なモニタの解像度に合わせて、 崩れたりせずキレイに表示がされるようにするには、 width(全体的な横幅)のpx(ピクセル)はいくつ以内に設定すればいいですか? 近年最も使われている主流のモニタの解像度は、 「1024 x 768」になるとどこかで見たのですが(この情報は古いかもしれませんが)、 モニタの解像度にまつわる妥当なピクセル数の設定がよく解りません。。。 <質問2>-------------------------------------- また、"width=○○px"と設定した時に、 ○に同じピクセル数を入れていても (1)(2)で表示される全体的な横幅に違いが起こったりしますか? <質問3>-------------------------------------- また、オークションサイトも数多くありますが、 "width=○○px"と設定した時に、 ○に同じピクセル数を入れていても各オークションで 表示される全体的な横幅に違いが起こったりしますか?

みんなの回答

  • notnot
  • ベストアンサー率47% (4851/10265)
回答No.1

質問1: 「ある程度広く使われている中で一番狭い画面サイズは?」というのが質問だとすると、1024x600ですね。 質問2:質問3: 質問内容がよくわかりませんが、(2)というのはページのHTMLを全部自分で書かずに、一部だけ書いた場合と言うことですよね。 そのwidthを指定した部分が、その指定した広さになりますので、その外側がある場合には、その外側の広さを足したものが全体の広さになります。という当たり前の回答でいいのかどうか。。。。。

horando2010
質問者

補足

回答していだだきまして、ありがとうございます! 以下、一応、補足をさせていただきますね (でも、長い文章になるので、お手数でしたら読んでいただかなくても大丈夫なんで。。) <質問1>に回答していただいた内容に関して----------------- 書いていただきました内容を参考にさせていただきます、 ありがとうございます。 <質問2><質問3>に回答していただいた内容に関して---------------- >質問内容がよくわかりませんが、(2)というのはページのHTMLを全部自分で書かずに、  一部だけ書いた場合と言うことですよね。 質問した文章が解りにくくてすみません、おしゃる通り、"HTMLを全部自分で書かずに、 一部だけ書いた場合ということ"になります。。。 私は今回初めてオークションで出品をしようと思い、 (どこのオークションサイトにするか決めようとしている段階で同時にhtmlも書いているのですが)、 いくつかのオークションサイトで商品説明の欄はhtmlで記入出来ることを知り、 オークションサイト自体のhtmlの中に、自分の商品説明のtableを入れ込むということは、 自分のtableのwidthの値の設定はどうしたらいいんだろう?と疑問を感じて <質問2><質問3>に書かしていただきました。 「一般的なホームページorオークションサイトでの、自分で設定したwidhtの値に対して表示のされ方に違いがあるかどうか?」を <質問2>に書いていまして、 また、「数多くあるオークションサイトの中で、各サイトの違いから、<質問2>と同じく、 自分で設定したwidhtの値に対して表示のされ方に違いがあるかどうか?」を <質問3>に書かかしていただきました。 あくまでも"全て同じhtml"ということで、あくまでも閲覧する方が使っているブラウザと そのバージョンによって多少のズレが出るか否かという程度なのかなぁ?とも思っているのですが、 (1)(2)のどちらも始めてな上に、作るhtmlの個数が多いので、 どなたか(1)(2)のどちらも行っておられる方にお聞きできないかと思い、 今回初めてWEB上で質問させていただきました。 今回、回答していただきまして、ありがとうございました。

関連するQ&A

  • 《観る人側のモニタに合わせた、html上でのwidhの設定について》

    (1)インターネットでのホームページ作成 (2)オークションに出品する時の商品説明 この二つでhtmlを書こうとしているのですが、 どちらも初めてでして、よく解らないのでよろしくお願いします <質問1>-------------------------------------- 観る人側の様々なモニタの解像度に合わせて、 崩れたりせずキレイに表示がされるようにするには、 width(全体的な横幅)のpx(ピクセル)はいくつ以内に設定すればいいですか? 近年最も使われている主流のモニタの解像度は、 「1024 x 768」になるとどこかで見たのですが(この情報は古いかもしれませんが)、 モニタの解像度にまつわる妥当なピクセル数の設定がよく解りません。。。 <質問2>-------------------------------------- また、"width=○○px"と設定した時に、 ○に同じピクセル数を入れていても (1)(2)で表示される全体的な横幅に違いが起こったりしますか? <質問3>-------------------------------------- また、オークションサイトも数多くありますが、 "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インチもある、という計算になってしまい、自分の中で納得できません。 画像が表示される大きさは画像の持つ解像度とモニタの解像度によって変わる、というのはわかったんですが、ちゃんと理解できていません。 同じピクセル数の画像でも、モニタの1インチあたりのピクセル数の設定が違えば画面での大きさが違うのはわかります。ということは、ちなみにモニタ解像度が同じなら、画像のppiが変わると、表示される大きさに違いはでるんでしょうか?ここも頭がグチャグチャになってよくわかりません。 3,また、イラレやフォトショでの表示はまた違う、と聞いたんですがどういう事でしょうか? 以上をどこが合っていてどこが間違ってるのか誰かわかりやすく教えてもらえないでしょうか? 具体的に数字を示して説明していただけるとありがたいです。

  • モニタについて。

    モニタの購入を考えているんですが、購入するモニタの解像度はパソコン本体(ビデオカード)に対応しているとして、 例えばモニタの解像度が1600X1200と書いていて1280X1024や1024X768で設定を変えて表示すると、何か表示はおかしくなったりしないでしょうか? 画面全体が拡大する、領域が狭くなるということはわかっているんですが、画面上の粒子?ドット?などが標準解像度を変えることになるので、ボヤっとしたり、それによって荒くなったりするんでしょうか? つまり同じ17インチのモニタを比べたときに、 最初から1024X768の解像度を持っているモニタと、1600X1200の解像度を持つモニタに1024X768と設定を変えてお互いのモニタを比較すると違いはあるんでしょうか? 私的には普段は1024X768で、仕事などで使うときは1280X1024やそれ以上にしたいと思ってるんですが。 皆さんよろしくお願いします。

  • 高解像度のスマートフォン対応サイト作成について

    いろいろ調べたのですが、どうもしっくり理解できないので、 教えてください。 スマートフォンサイトを作成していますが、解像度が高くなった機種 (たとえばiphone4)だと、これまでiphone3Gなどのスマホで ポートレート表示(320px)で作ってきたものが、 画像が荒れてしまうという現象が起きます。 解像度が上がるということは、実寸(たとえば1インチ×1インチ内)に ピクセルがいっぱい入ってる、というイメージなのですが、それで正しいですか? ということは、例えば30px×30pxの写真を載せたとき、高解像度だと 小さく表示されますよね? この、小さく表示されてしまうのが困るので、大きく表示させると 荒れてしまう、ということなのでしょうか? 小さく表示されてしまうのが困るので、大きく表示させる、というのは どこで設定するものでしょうか? width=device-widthではだめなのでしょうか? 高解像度だから、小さい解像度の写真が荒れてしまうのであれば、 高解像度にする意味って、どこにあるのでしょう? かえって面倒なだけじゃないのでしょうか…? 変な疑問ですみません! よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • モニター解像度とデジタルカメラ画素数の関係

    私のパソコンモニターの解像度は現在1024*768となっています。このモニターでデジタルカメラの画像を見る場合、2048*1536ピクセル(300万画素)だと、ちょうど4ピクセル分のデータを1ピクセルのモニター画素に変換して表示することになるかと思います。1840*1232ピクセル(約200万画素=フジカラーCD)の画像を見るときは、1840ピクセルを1024ピクセルに変換して表示するので、ピクセル単位で見ると、約1.8ピクセル分のデータを1ピクセルのモニター画素に変換して見ることになるかと思います。  ともに、モニターの解像度を上回る画素数のデータですが、上記の後者(フジカラーCD)ように、くまく割り切れない割合のデータを見る場合には、より表示の際の画質が悪くなりやすいということでしょうか…。

  • 19インチにモニターで壁紙を設定しても横に伸びてしまう

    19インチのモニターで壁紙を設定しても、横に伸びてしまうのですが、解像度の設定でピクセルを下げてみても、画面のアイコンが大きくなってしまいます。どうしたら、19インチのパソコンでも壁紙を普通に設定できるのですか?

  • 画面解像度の設定とピクセル数との関係

     Win XPです。  画面のプロパティの設定から画面の解像度を選択出来るようになっています。  これは、ピクセル数を選択出来るようになっていますが、モニター(画面)にセットされているピクセル数を どのような仕組みで変えることが出来るのでしょう。  ピクセル数を変えるということはピクセル自体の大きさを変えるということでしょうか。  どのような仕組みになっているのでしょうか。

  • 解像度の違いについて質問

    たとえば、1024×768の解像度のモニターと、 1280×1000の解像度のモニターでは、 標準の文字の大きさが違うんでしょうか? font-size;normalの標準の大きさです。 ピクセル数が、標準で違うんでしょうか? だとすると、1024×768の解像度のモニタで とあるサイトを見た場合、150pxのメニューバーに ギリギリ文字列(font-size:normal)が一列で収まっていたとしても、 その同じサイトを1280×1000の解像度のモニタで そのサイトを見た場合、150pxのメニューバーに 文字列(font-size:normal)が1列で収まらずに 2段になっちゃったりしてるってことでしょうか? 解像度が高いと、標準の文字の大きさのピクセル数もあがりますよね?たぶん。画面で見た場合の文字の大きさは、どの解像度でも5ミリぐらいっぽいですし。

  • 高画質で画像を表示したい

    インターネット用の画像の解像度をいくらにすればよいのかが分かりません。 例えば、1280×1024ピクセルに設定した通常の型17インチ(縦約280mm×横約335mm)の液晶モニタに画像を表示する場合を考えます。この場合は、横方向は335mmに1280ピクセルなので、インチ換算すると約97ピクセル/インチになります。このようなモニターに最高の解像度で画像を表示するには、いくらの解像度の画像をアップロードしたらよいのでしょうか。 97ピクセル/インチ以上の解像度の画像をアップロードしても意味がない(例えば、2倍の194ピクセル/インチの画像をアップロードしても表示される画質は全く同じである)ように思えるのですがそれで正しいでしょうか。つまり、最大でも97ピクセル/インチの解像度の画像をアップロードしておけばよいということで正しいでしょうか。 もちろん、サイズ(総ピクセル数)の大きな画像をアップロードすれば大きく表示されるので細部まで見ることができるので、その意味では解像度は上がるのですが、ホームページの中の画像を表示する領域の大きさが限られていてかつその中に画像の全体を表示しなければならないとお考えください。

    • ベストアンサー
    • HTML
  • モニターが全体に表示されません

    モニター(acerのLCD MONITOR) モニターとPCはVGAケーブルで繋いでいます 先日モニターを買って、今日家に届いたので設定をしていました 解像度を1920×1080に設定したのですが、モニター全体に画像があるのではなく、 小さめの壁紙を設定したみたいになっていてモニター全体に表示されていません。 どうしたら改善できますか?