- ベストアンサー
webデザインの画面サイズ
今、自分でwebデザインをしていますが、サイズの調整が分かりません。 幅を1024pxで作っているのですが、13inchで解像度が1440pxあるパソコンで見た場合、 全体がかなり小さくなります。 1024pxを1440px,13inchで表示すれば、小さくなるは当然ですが 他のサイトなどを見ると、1024pxで見たときは私のサイトとほぼ同じ大きさなのですが、 1044px,13inchでは、私のものより大きく広がって見えます。 これって何が原因なんでしょうか？ ちなみに、1440pxでも画面の大きな20inchのもので見ると、どちらも同じぐらいの大きさで見えます。
- joesuke1983
- お礼率40% (2/5)
- その他([技術者向] コンピューター)
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
液晶モニターはドットで構成されていてモニターごとに異なるからです 解像度とサイズとドットの関係は下記URLでいろいろ回答されていますので参照ください。
関連するQ&A
- webデザインのフォントサイズについて
こんにちは、現在WEBサイトを作っています。 macとwinでフォントの種類やサイズなどの表示が変わるのは分かっていたのですが、同じmacでも画面が大きいデスクトップと画面が小さいノートパソコンで文字サイズが全く違うので、困っています。同じサイズで表示させるにはどうしたらいいでしょうか。 （現時点ではレスポンシブデザインはしていません。これから別にスマホ用のサイトを作る予定です。） ちなみに、フォントサイズは、ピクセルで指示しています。 分かる方いらっしゃったら、どうぞ宜しくお願いします。
- 締切済み
- Mac
- スマートフォンサイト デザイン
初歩的な質問失礼いたします。 現在、スマートフォンサイトを制作しようとしているのですが、キャンバスサイズで迷っています。 すべての要素を倍のサイズで作成して、cssで縮小するときいたのですが、 iphone5の画面サイズを基準にデザインデータを作りたい場合、解像度は640×1136pxですが、実際に画面に表示されるのは半分程度の大きさなので、すでに倍になっていると考えて、幅640pxのキャンバス（高さはのちのち足すつもりです）を作成したらいいのでしょうか？ また、ランドスケープ時のために、幅1136pxのキャンバスを作成したほうがいいのでしょうか？？ どなたか教えてくださいませんか？？
- ベストアンサー
- CSS
- インターネットブラウザの画面サイズはどれくらい？
今、頼まれてWebサイトを作成しています。そこでデザインを考えていて思ったのですが、皆さんブラウザをどれくらいの画面サイズにして見ているのでしょうか。 全画面表示で見ているなら、お使いのパソコンの画面サイズも教えて下さるとありがたいです。 ちなみに私は以前使っていたノートパソコンに慣れてしまったので、買い換えてもサイズはだいたい800x600で見ています。 よろしければお答え下さい。
- 締切済み
- アンケート
- webに載せる写真の解像度について質問です。
webサイトに表示させる写真の画像解像度について質問です。 プロではないのですが、会社でたまに仕事でwebサイトやカタログの仕事をしている者です。Retinaディスプレイが主流になり、写真を表示させる時の解像度の理解が混乱しています。 まず私のPCの内臓ディスプレイですが、 MacBook Air (13-inch, Mid 2013) 13.3 インチ（1440 x 900） Intel HD Graphics 5000 1536 MB です。 私が教えてもらった従来の決まりは以下で、例えば幅1000px × 高さ500pxの画像を表示させたい時、 画像サイズはそのまま幅1000px × 高さ500pxで、 「Macは解像度72ppi」 「Winは解像度96ppi」 「プリントは350dpi」 でした。 しかしRetinaが主流になってから、解像度がなのか？画像サイズがなのか？2倍か3倍必要だというネット上の記事がいくつもあり、しかしどの記事を読んでもなかなか理解がおよびません。。 私にはこれを教えてくれる先生や上司がおらず、解決出来ずに困っている為今回ここに質問してみました。 答えとしては、 今の私のPCでRetinaに対応する画像を作る為には、幅1000px × 高さ500pxの画像を表示させたい場合、 「Macは解像度144ppi」で「幅2000px × 高さ1000px」 「Winは解像度192ppi」で「幅2000px × 高さ1000px」 「プリントは変わらず350dpi」 が正解なのでしょうか？ そして仮に私かRetina対応PCを使っていた場合は、幅1000px × 高さ500pxの画像を表示させたい場合、 「Macは解像度144ppi」で「幅1000px × 高さ500px」？ 「Winは解像度192ppi」で「幅1000px × 高さ500px」？ 「プリントは？？？」 という具合に、理解が出来ていません。。 どなたかこういった仕事をされている詳しい方いらっしゃいましたら、是非教えて頂けないでしょうか？ 宜しくお願い致します。
- 締切済み
- 画像・動画・音楽編集
- タブレットのサイズと画面のアスペクト比で迷ってます
タブレットのサイズと画面のアスペクト比で迷ってます 約8インチor10インチか、 アスペクト比4:3か16:9か、 主な用途が自宅でのネット閲覧が殆どだとすると、 ・画面を横向きにして見る場合、4:3のほうが上下幅に余裕がある分、web画面はストレスなく見れるのではないか？ ・サイズは8インチ前後のほうが、ずっと手に持って見る場合、重さ・画面と目の距離的にちょうどいいと思うのですが、8インチではフルブラウザでPCサイトを見るのに文字サイズの面でやや辛いのではないか？随時拡大しながら見なければいけなくなるんじゃないか？ だとしたらせめて画面の解像度の高いものを選ばないと後悔するだろうか？ と思うのですが、 実際に使っている方、これらの疑問にお答え頂けますか？？ よろしくお願いします。
- 締切済み
- iPhone・iPad・iOS
- パソコン画面上でスマホサイズを確認したい。
windowsアプリとかエクセルVBAなどでも良いのですが、インチサイズなどを入力したら自分のパソコン上で解像度などを考慮したサイズを画面上に表示してくれるものがありませんか？ パソコン上でサイズを色々確認出来たらスマホやタブレットPCなどを購入する前にイメージしやすいと思ったもので。 環境によって難しいかもしれませんが、たとえば自分のパソコンで使っている液晶画面が２０インチだったとして、解像度が1280*1024などの情報を入力しつつ、5インチならどれくらいの大きさになるのか画面上で四角などで表示してくれるアプリやサービスです。 ちょっと分かりにくくてすみませんが、よろしくお願いします。
- ベストアンサー
- その他（スマートフォン・携帯・タブレット）
- 画面の表示サイズを変更したい
タイトルの通り、画面の表示サイズを変更したいのです。 モバイルノートPCの購入を検討しているのですが これまで小さいサイズの画面を見たことがなく実際の使い勝手が不安です。 そこで今使っているデスクトップの20インチの画面の表示サイズを変更して 10～13インチのサイズを体験できないかと思ったのですが方法がわかりません。 20インチの画面に10～13インチ分だけを表示してあとの領域は真っ黒とかにできればと思っています。 そもそも可能でしょうか？ モニタの解像度の変更の方法はわかるのですが、 解像度を下げても20インチで見るのと10インチで見るのとでは 感覚的にずいぶん違うのではないかと思います。 量販店にでも行って確認できればいいのですがなかなか時間がとれませんし、 現在使用しているソフトの実際の使い勝手もわかるのではないかと思っています。 どなたか方法を御存知でしたら教えてください。
- 締切済み
- Windows XP
- 皆さんのパソコンの画面サイズは？
ホームページやフォトアルバムなどを公開していますが、見る側のパソコンの画面サイズによっては作り手側の意図とは違った印象を受けたり、見づらかったりするものです。 当方のページを見た方から「デカすぎて画面から写真がはみ出して全部見れない」などの意見をいただきます。 そこで、サイト作りの参考にするため、皆さんが使用されているパソコンの画面の大きさを教えてください。 とくにパソコンにあまり興味がなく詳しくない方のご意見をお聞きしたいのです。 画面サイズの確認方法は、 1）デスクトップの壁紙の上で右クリック 2）出てきたメニューの一番下“プロパティ”をクリック 3）上のほうに並んでいるタブの右端“設定”をクリック ここで現れているウインドウの左下に“画面の解像度”という、スライダーのような調整部分があると思います。 ここに“○○○×○○○ピクセル”と書かれていると思います。それが実質的な画面のサイズです。 1280×1024、1024×768、800×600 などと表示されていると思います。 その数値を教えてください。インチ数は書いていただく必要はありません。 よろしくお願いします。
- 締切済み
- アンケート
- IEでの文字サイズ設定について教えてください＞＜
自分が今使っているこのパソコンだけがおかしいので何かの設定かと思うのですが。。。 FireFoxで12pxで表示するように作ったサイトの文字がIEだと10pxくらいのサイズで表示されます（明らかにIEが小さくなる） しかしこのパソコンのモニターと全く同じ種類のモニターのパソコンで表示するとFireFox、IEともに12px（全く同じ大きさ）で表示されています。 このパソコンと別のパソコンのFireFoxの文字は「リセット」で初期表示、IEは「中」で表示。ユーザー補助は共につけていません。 モニターは同メーカーで17インチ、解像度1280×1024、DPIは96と、考えられる限りの条件は同一にしています。 また19インチのモニター2台でも確認しましたが、どちらで見てもFireFoxとIEは同じ12pxで表示されていました。 自分が作ったサイト以外でもFireFoxとIEで文字サイズが違って見えるサイトもあれば、同じサイズで見えるものもあります。 自分が使っているこのパソコンのIEの文字サイズの％計算がおかしい？？？ IE以外の表示は、他のパソコンと違いはなく問題ありません。
- 締切済み
- ネットトラブル
- 《再質問》画面サイズがおかしい
以前同じ質問をさせていただいたのですが、解決に至りませんでしたので再び質問させていただきます。 なにか気づかれた方がいらっしゃいましたらアドバイスをよろしくお願いします。 マザーボードを交換してから画面サイズがおかしいんです。 チョット口で説明するのは難しいのですが。 CRTディスプレイ17インチを使ってるんですが、画面サイズが15インチぐらいしかないんです。モニターいっぱいに表示されないんです。 画面の解像度を800×600ピクセルにするとモニターいっぱいに表示するのですが、1024×768以上にすると画面サイズよりも一回り小さくしか表示されないんです。マザー交換する前はたしか1024×768で使用してたんで800×600は見難いんです。 以前ココで質問をして、マザー交換してるからクリーンインストールしたほうがいいとアドバイスを頂き、先日クリーンインストールをしました。おかげさまで起動が遅いのは解消されました。ありがとうございますm(_ _)m しかし、画面サイズのほうは問題がありまして。 マザーのドライバ・ビデオカードのドライバも入れました。でも、1024×768ピクセル以上にすると画面サイズがやはり小さくなってしまいます。 ネットで調べたりパソコンに詳しい知人に聴いたりしましたが、原因が分かりません。 ぜひもう一度お力をお貸しください。よろしくお願いします。 ＯＳ：ＸＰ 今のマザー：GIGABYTE「GA-8IPE1000-G」 前のマザー：GIGABYTE「GA-8IK1100」 ビデオカード：NVIDIA Geforce FX 5200 解像度・リフレッシュレートの設定もいろいろ試してみましたがダメでした。
- ベストアンサー
- その他（パソコン）
補足
回答ありがとうございます！ うーん でも、1024pxのパソコンで表示が同じだった二つのページが、 幅1440px13inchの一つのパソコン上で、大きさが変わっているので、CSSやJavaScriptの書き方が問題なのかなと思っています。