• 締切済み

WEB制作 ディスプレイサイズが違う場合のテスト

Artisteer4というソフトでホームページを制作しています。 県外にある支社のホームページを制作し、納入予定なのですが、こちらのモニタではピッタリ合っている改行の位置が、支社の 大きなモニタで表示すると違って表示されてしまうという問題に悩んでいます。 とりあえず、大きなモニタでどのように表示されているのかを確認したいのですが、そのようなツールはありますでしょうか? 現在制作しているマシンのモニタは1280×800、支社のモニタサイズはまだ聞いていませんが、27インチかそれ以上あるようです。

  • CSS
  • 回答数4
  • ありがとう数15

みんなの回答

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.4

最初の最初から間違っている。わざわざwordやpowerPointで作成せず、HTMLでウェブページを作成するのは、(ちょっと長い引用ですが) 【引用】____________ここから HTML文書が、ブラウザやプラットフォームの違いを超えてうまく働くべきであるということは、多くが認めるところである。 相互運用性の達成は、コンテンツプロバイダのコストを低下させる。なぜならただ1種類の文書しか作る必要がなくなるからだ。 もし【相互運用性確保の】努力が成されなければ、Webは互換性のないフォーマット毎に分け隔てられた世界に分割され、すべての関係者にとっての商業的可能性が減少することとなるであろう、大きなリスクを負うこととなる。 ・・・【中略】・・・  HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。  ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )]より  Web開発されているのでしたら、開発者向けツール( https://addons.mozilla.jp/firefox/extensions/developer_tools/ )の豊富なfirefoxお使いだと思いますが、Default FullZoom( https://addons.mozilla.jp/firefox/details/6965 )などで拡大縮小してもよいし・・・。簡単なものならどのブラウザでもCtrl++やCtrl+-でも  支社で使用しているブラウザやOS、使用しているフォントなどですべて代わります。利用するのが支社の特定のパソコンからだけで、一般の人や第三者が利用するウェブページでしたら、『どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境』を考慮すべきです。    

  • tkmojo
  • ベストアンサー率50% (105/207)
回答No.3

テキストの改行位置を全ての環境で合わせるなんて事は無理です。 ウィンドウのサイズは勿論、OSや使っているブラウザ、デフォルトに指定しているフォント・文字サイズなどによって文字の大きさや文字間は変わりますので、そもそも句点以外で改行する事がナンセンスなんです。 変な位置にある<br>を全部消して、右端で自動で折り返される改行のみの状態で納品すればそれで終了でしょう。

  • nana_coco
  • ベストアンサー率66% (56/84)
回答No.2

こんばんは。 Artisteer4というソフトは使用した事が無いので解りませんが おそらく「レスポンシブ」だからそうなっているのではないでしょうか 試しに、その制作サイトをブラウザで表示して、ブラウザの表示幅を逆に狭めて表示してみるとどうでしょうか? (もしくはスマホやタブレットで表示) ブラウザの表示幅を狭めて行くと中の内容の表示に変化しませんか? レイアウトのシート幅に固定に設定できれば良いのではと思います。 あと、モニターとしても使える大型液晶TVをお持ちならPCよりも幅広で見えるかもしれませんね。

  • hitomura
  • ベストアンサー率48% (325/664)
回答No.1

失礼、質問とはあまり関係ないことなのですが、 > こちらのモニタではピッタリ合っている改行の位置が、支社の > 大きなモニタで表示すると違って表示されてしまう というのはそもそもに少々問題があるようにお見受けします。 HTML でページを作るという事はどの端末を使用してもそのページの「内容」を理解できるようにすることです。その場合画面サイズの差やそもそも表示以外の方法(音声読み上げ等)でページにアクセスしたとしてもきちんと理解できるようにしなくてはいけません。 それを考えると、改行位置が云々というのは、上記に反してただ単に見た目だけの目的で改行を入れた結果と取れるのですが……。 それとも、クライアント様の要望で「このページは何らかの会場のインフォメーションのためのもので、このモニター以外では絶対表示しないからそれに合わせてデザインを組んでくれ」という事でしょうか? どうしてもそのページの「見た目」を発信者が規定したいというのであれば、HTML 以外の手段(PDFや画像ファイル化等)を考慮したほうがよろしいかと思います。

関連するQ&A

  • ホームページ制作の場合のサイズ?

    こんにちは 現在ホームページを制作する場合には多くのところで800*600のサイズに合わせて作るといいよということが書いてあります。もちろんツールバーやフレームの部分を考えて実際はそれよりも小さくなると。 これは、一般的なモニターの解像度が800*600であるからといわれているためだそうですが僕の周りのPCは1024*768が多いようです 実際はどうなんでしょうか? 皆さんの使用しているモニターはいかがですか?若しそのような統計があれば見てみたいです。 でもやっぱり800*600に合わせて制作しておいたほうがいいのでしょうか? 個人向けに作るならいいのでしょうがビジネスとして作るならばそのあたりをきちんとしておきたいと思っているのでお願いします。

  • 制作時のステージサイズ

    フラッシュサイトを作りたいと思っております。 ステージサイズについて悩んでいます。 (現在フルフラッシュにするか迷い中です・・・) 自分は19インチのモニタで制作しているのですが17インチの モニタで見るとムービークリップが大きくなったり、 19インチの解像度をステージサイズとし制作すると17インチでは スクロールが必要になる(これはあたりまえなのですが・・・) そこで詳しい方にアドバイスを頂きたいのですが 今までフラッシュサイトを制作した際に注意する事、 制作のコツ、やってはいけないことなどなどありましたら どんな情報でも構いませんので是非ご教授願います。 アバウトな質問で申し訳ありません^^; 環境はWin XPのFlash8PROです。

  • モニターを替えたら表示サイズが小さくなった

    こんにちは。 WIN-XPを使用しています。 先日、モニターのサイズを17インチから19インチワイドに変えました。 そうしたら、表示文字サイズや、ソフトのツールボックスやウィンドウのサイズが小さくなってしまいました。 イラストレーターやエクセル、IEなど、どれも表示が小さく見にくくなってしまいました。 どうしたら、全体の表示サイズを大きく設定できるのでしょうか? ご回答よろしくおねがいします。

  • どのサイズのディスプレイでも中央表示にするには

    ホームページビルダーでホームページを作っていますが、どのサイズのディスプレイ(17インチや15インチ)で見ても、中央にと言いますか、画面全体に、レイアウトが表示できるようには、出来ないようです。 ノートパソコンの15インチで作ると、17インチの画面では、レイアウトが左によって、右側に余白が出来てしまいます。 これを常に中央に、画面いっぱいに、表示出来るソフトはありませんでしょうか?

  • パソコンのモニターのサイズごとにホームページの画面を最適表示させる方法

    モニターのサイズごとにホームページの画面を最適表示させる方法はどのようなものがあるでしょうか? ホームページの背景を一枚の写真で途切れなく使いたいと思い。 17インチのモニターでサイズを調節し、その後htmlファイルの背景としてプレビューしました。 すると、17インチの画面では最適に表示されるのですが、別のパソコンを使い、15インチのモニタで表示すると画像が大きくなり過ぎ、画面に収まりきらなくなってしまします。 逆に15インチのモニターでサイズを調節すると17インチの画面で見たときにサイズが小さすぎ写真につなぎ目が出来てしまします。 どのような方法でも良いので一枚の写真を継ぎ目なく背景にし、それをモニターごとに最適に表示させる方法はありますでしょうか?

  • ディスプレイサイズによる表示崩れについて

    ディスプレイサイズによる表示崩れについて質問します。 今、私は友人のWEBサイトを制作しています。 WEBサイトがほぼ完成した段階で友人に見てもらっているのですが 友人の環境ではカラム落ち等の不具合が発生していました。 友人はIE10でモニターしたらしいですが もちろんIE10の環境ではこちらもチェック済みでレイアウト崩れはありませんでした。 違うのはディスプレイサイズで私は19インチ、友人は23インチです。 私は23インチのディスプレイは持っていないのでディスプレイを2枚並べて23インチを仮想してみたのですがレイアウト崩れはしませんでした。 友人にはブラウザを更新してもらうことは幾度か試してもらったのですが変わらないとのことです。 ここまででなぜレイアウト崩れが起きるのか何か思い当たる節はありませんでしょうか? やっぱりディスプレイサイズでレイアウト崩れが起きるのでしょうか? ※WEBサイトはワードプレスでTWELVE THIRTEENのテーマをカスタムしています。 HTML5でレスポンシブに最初から設定されていたものを、途中で変更を重ね利点であったレスポンシブでは無くなっています。 読み込みを速くするキャッシュを残す系のプラグインは入れてません。

    • 締切済み
    • CSS
  • ウェブクリエイターの方の液晶ディスプレイのサイズについて

    最近になってパソコンの液晶ディスプレイを 買い換えようかと考えています。 今候補にあがっているサイズとしては ワイド画面の22型か24型などを考えているのですが そこで質問なのですが、ホームページ制作や写真編集の作業は やはりモニターのサイズは大きい方が有利なのでしょうか? それともやはり大きすぎると目に負担がかかったりして 代えって作業がやりにくくなったりするのでしょうか? パソコンでクリエイティブな作業をしてらっしゃる方々 もしよろしければアドバイスなどお願いできましたら幸いです。

  • photoshop6 プリントサイズを押しても実寸サイズになりません。

    photoshop6 プリントサイズを押しても実寸サイズになりません。 ズームツールを選択中、ウィンドウ上部に、「ピクセル等倍・画面サイズに合わせる・ プリントサイズ」というボタンが表示されます。 このボタンの中でプリントサイズを押すと、プリントしたときの実寸サイズがモニタ 上で表示されるはずですが、あきらかに実寸よりも小さなサイズで表示されてしまいます。 私が作成している画像の縦幅は21cmですが、モニタ上ではだいたい17.5cm程度しかありま せん。あからかに小さく表示されているのです。 なお、関係性はわかりませんが、19インチモニタを使用しています。 いったい何が原因でしょうか。ご教示よろしくお願いします。

  • イラスト制作用モニターについて

    イラスト制作用モニターを買おうと思っています。 メーカーはEIZOでips液晶、ノングレア、サイズは24か27インチで解像度は24インタならフルHD、27インチなら4kにしようと思っています。 この条件でオススメのモデルを教えてください。(条件にあった24インチと27インチのオススメモデル) 回答よろしくお願いします(●´_ _)ペコ

  • 液晶ディスプレーが写りません

    この度中古でCompaq Deskpro EC(OSなし)を購入し、19インチと17インチの液晶モニタに接続して電源を入れたところ、No signalとなってしまい、まったく画面が表示されませんでした(BIOS等の画面も表示されず)。試しに15インチのモニタを接続して電源を投入したところ、15インチでは画面が表示され、Windows2000をインストールして、Compaqのサイトのドライバも無事入れ終わりました。 15インチではしっかりと表示がされるにもかかわらず、19インチ・17インチではOSインストール後も接続してみましたがNo Signalとなりまったく表示されません。 15インチで表示されるところをみると、モニタのドライバ等の関係ではないようです。 19インチ・17インチのモニタは別のマシンで使用できているため正常な状態です。 グラフィックはオンボードのものを使っております。 どなたか解決方法を教えてください。

専門家に質問してみよう