- 締切済み
パソコンのモニターのサイズごとにホームページの画面を最適表示させる方法
モニターのサイズごとにホームページの画面を最適表示させる方法はどのようなものがあるでしょうか? ホームページの背景を一枚の写真で途切れなく使いたいと思い。 17インチのモニターでサイズを調節し、その後htmlファイルの背景としてプレビューしました。 すると、17インチの画面では最適に表示されるのですが、別のパソコンを使い、15インチのモニタで表示すると画像が大きくなり過ぎ、画面に収まりきらなくなってしまします。 逆に15インチのモニターでサイズを調節すると17インチの画面で見たときにサイズが小さすぎ写真につなぎ目が出来てしまします。 どのような方法でも良いので一枚の写真を継ぎ目なく背景にし、それをモニターごとに最適に表示させる方法はありますでしょうか?
- junmac
- お礼率15% (2/13)
- ホームページ作成ソフト
- 回答数5
- ありがとう数4
- みんなの回答 (5)
- 専門家の回答
みんなの回答
- yumemiru-x
- ベストアンサー率45% (16/35)
今自分のモニターサイズを17インチから15インチに変更して調べました。私のホームページは背景がきれいに収まります。 junmac さんのように大きな背景を指定して(1000×750)います。17インチでも15インチでも問題は無いです。 残る方法は私と同じように写真のサイズを(1000×750)に指定してみるとか(ヘ。ヘ) 画面のサイズは4:3だそうです。 それ以外に考えられることは画面や画像のサイズの問題ではなく、それ以外のタグミスの結果かも(--;) junmacさんのホームページのソースが見れないので残念です がんばってください!
- yumemiru-x
- ベストアンサー率45% (16/35)
写真サイズは1440×805です。17インチモニタなら問題なく全画面表示されます。 これを他のモニタで見た場合モニタにあわせて背景サイズも自動でかわり全画面表示される様にしたいということなのですが。 無理でしょうか。。 う~ん、もしかして背景画像のサイズも指定していますか?私も大きいサイズの画像を背景に使っていますが画像サイズは指定しません。ウインドウサイズのみ指定します。 body{width:100%; background-image:url(example.jpg); background-repeat:no-repeat;
補足
何度もありがとうございます。 写真のサイズはフォトショップで1440×805に指定しているだけで エディタ(dreamweaver)の側からは指定しておりません。 教えていただきました通りに画像を指定いたしました。 body{width:100%; background-image:url(example.jpg); background-repeat:no-repeat; 15インチの画面でスクロールバーは消え、写真は確かに一枚だけ背景に表示されるようになりました。 しかし写真の一部(左上端)が表示されるのみで画像全体を見渡すことができません。 cssの指定を外し、スクロールバーを使わないと画像全体は見渡せない状況です。 17インチのモニタですが 写真サイズを17インチに最適化してるので問題ありません。 ブラウザのスクロールバーを使わずとも写真全体を見渡せます。 何度も申し訳ございません。m(_ _)m このデザインをあきらめ別のデザインにしようかとも考えているのですが、まだ打つ手はありますでしょうか?
- yumemiru-x
- ベストアンサー率45% (16/35)
私がやっている方法をお試しください ホームページの背景をどんなサイズの画面でもきれいに収めるには style でホームページのbody を100% で指定します css で body{width:100%; または <body style="width:100%;">
補足
ご親切な回答ありがとうございます。早速ためさせていただきました。 15インチのモニターでHTMLファイルをプレビューしたところ。 余計なスクロールバーが出なくなりましたが、やはり写真は大きいまま画面から切れてしまいます。 写真サイズは1440×805です。17インチモニタなら問題なく全画面表示されます。 これを他のモニタで見た場合モニタにあわせて背景サイズも自動でかわり全画面表示される様にしたいということなのですが。 無理でしょうか。。
- BLUEPIXY
- ベストアンサー率50% (3003/5914)
<img>による表示だったら、(現在のウインドウのサイズにあわせて)画像の伸縮ってできるかもしれませんが、『背景』にするときは、画像の伸縮は動的にはできないと思います。
補足
ご回答ありがとうございます。もうしばらく調べてみますが、どうもご指摘の通りかもしれません。
- shinkun0114
- ベストアンサー率44% (1553/3474)
閲覧者の画面解像度を取得することは可能ですから、 scriptを組めば可能でしょう。 ただし、誰もがブラウザを最大化しているとは限りませんよ。 私は15インチ(1024×768)でも最大化していませんし、 17インチ(1280×1024)のPCでは、画面の2/3程度の大きさに しています。 せっかくのマルチウィンドウなのに、わざわざ最大化して、 使う必要もないと思っていますので。
補足
ご回答ありがとうございます。 ご指摘いただいた。 >閲覧者の画面解像度を取得することは可能ですから、 >scriptを組めば可能でしょう。 とはjavascriptなどのスクリプトで、「訪問者のブラウザのサイズを強制的に決めてしまうということでしょうか?」 それとも 「javascriptなどで訪問者のモニタのサイズにあわせて背景サイズを変更するようなスクリプトが組める」ということでしょうか? 重ねての質問になり大変失礼なのですが、教えていただければ幸いです。 >ただし、誰もがブラウザを最大化しているとは限りませんよ。 >私は15インチ(1024×768)でも最大化していませんし、 >17インチ(1280×1024)のPCでは、画面の2/3程度の大きさに >しています。 こちらのご指摘も参考にさせていただきます。
関連するQ&A
- 画面サイズ(ビデオモード)が大きく、モニターが表示されない。
・XPにて自作PCを使用しています。 ・デスクトップ上、右クリックで現れるビデオモード選択にて、 間違えてモニターより大きいサイズを選んでしまいました。 確か1600x....のサイズでボタンを離してしまったようです。 ・起動させると、モニター画面に「out of range」とエラー表示が出るだけで、 XPの画面が表示されません。 ・F8を押して、「セーフモード」で立ち上げましたが、 (セーフモードならXP画面は表示可能)画面サイズ変更の方法が 見つかりませんでした。 ・モニターはBenQ FP731で17インチです。 画面が表示されず大変困っています。よろしくお願いします。
- ベストアンサー
- Windows XP
- 画面がモニターを合わない
DELLのパソコンOptiPlex GX520を17インチモニターにつなげて使っていましたが、19インチワイドモニター(E198WFP)を購入したので、そちらに繋げたところ表示画面とモニターが合いません。表示画面はモニターよりも小さくて、余白の部分は黒色になってしまいます。 モニターの自動調整をしてみましたが、起動直後は、表示画面がモニターサイズにフィットしているのですが、ようこそ画面が表示される時には、また小さくなってしまい、困っています。 表示画面とモニターの大きさを合わせる方法を教えて下さい。 よろしくおねがいします。
- ベストアンサー
- ディスプレイ
- 画面の表示サイズを変更したい
タイトルの通り、画面の表示サイズを変更したいのです。 モバイルノートPCの購入を検討しているのですが これまで小さいサイズの画面を見たことがなく実際の使い勝手が不安です。 そこで今使っているデスクトップの20インチの画面の表示サイズを変更して 10~13インチのサイズを体験できないかと思ったのですが方法がわかりません。 20インチの画面に10~13インチ分だけを表示してあとの領域は真っ黒とかにできればと思っています。 そもそも可能でしょうか? モニタの解像度の変更の方法はわかるのですが、 解像度を下げても20インチで見るのと10インチで見るのとでは 感覚的にずいぶん違うのではないかと思います。 量販店にでも行って確認できればいいのですがなかなか時間がとれませんし、 現在使用しているソフトの実際の使い勝手もわかるのではないかと思っています。 どなたか方法を御存知でしたら教えてください。
- 締切済み
- Windows XP
- モニターの画面サイズにならない
Windows98でPC、15インチモニターもIBMです。 モニターだけを三菱の20インチに替えたのですが Windowsの画面が3方だけ幅広く黒くなっています。 画面のプロパティの設定で画面の解像度を変えてみたのですが極端に大きくなったり、極端に小さくなったりで丁度良いサイズになりません。 どのようにすればいいのでしょうか。
- ベストアンサー
- Windows 95・98
- デジカメ写真のサイズを小さくする方法は?
デジカメで写真を撮ったのですが、 パソコン画面で再生したらあまりにも画面サイズが大きくなり過ぎてしまいました。 17インチの液晶モニターからはみ出してしまうのです。 写真を小さく表示できるような方法はあるのでしょうか、 教えていただきたいのですが。
- ベストアンサー
- その他(インターネット・Webサービス)
- 画面サイズに合わせて背景の写真サイズを変えたいです。※FLASHじゃありません。
はじめまして。 現在、HTMLやCSSを勉強中のものです。 以下のサイトはFLASHで作成されており、一定の小さな画面サイズまでは自動で背景の画像が縮小される仕組みになっています。 http://www.diesel.co.jp/site.html 私19インチを一つしか持っていないので、よくわからないのですが、逆に画面サイズが大きくなる分にはこれだとどこまでも拡大されるのでしょうか? 今回、FLASHを使用しないで、背景に1枚絵の写真を使いホームページを作ろうかと考えています。 HTMLとCSSのみでこのような機能を持たせることは可能でしょうか? もし可能だとして、HTMLとCSSのみでこのような機能を持たせることにデメリットなどはございますでしょうか? どうかよろしくお願い申し上げます。
- ベストアンサー
- HTML
- モニターを替えたら表示サイズが小さくなった
こんにちは。 WIN-XPを使用しています。 先日、モニターのサイズを17インチから19インチワイドに変えました。 そうしたら、表示文字サイズや、ソフトのツールボックスやウィンドウのサイズが小さくなってしまいました。 イラストレーターやエクセル、IEなど、どれも表示が小さく見にくくなってしまいました。 どうしたら、全体の表示サイズを大きく設定できるのでしょうか? ご回答よろしくおねがいします。
- 締切済み
- その他([技術者向] コンピューター)
- パソコンの表示画面がモニターより小さい
ノートPCの画面についてです。パソコンの表示画面がモニターより小さい OS(WinXp)をインストールして起動すると、表示される画面の大きさが小さくなってしまいました。 画面の真ん中に表示画面があって、周りは真っ黒なんです。 ディスプレイ15。6インチの画面は30cm×23cmあるんですが、 表示される画面は20cm×15cmしかないんです! どうしたらディスプレイの大きさになるのでしょうか??画面のプロパティで設定のアダプタ と モニターを見ると何も表示なくプロパティは見えません。
- ベストアンサー
- ディスプレイ
お礼
ありがとうございます。 う~ん。どういうことでしょうか。。 わかりやすくおしえていただけたので ちょっと自分で最初からやり直してみることにします。 どうもありがとうございました(^^)p