- ベストアンサー
デザインについて
自分はHPを持っているのですが先日自分のブラウザの 文字の設定を最小から普通に変えたら変なところで改行されたりしていてデザインがおかしくなっていました。すべての文字に対応できるような作り方はないのでしょうか??教えてください!!
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
私もCSSが良いと思いますよ。 記述は下記のようになります。 <html> <head> <style type="text/css"> <!-- body{font-size:＊pt;} --> </style> </head> <body> </body> </html> ＊部分に半角数字をお入れ下さい。
その他の回答 (3)
- 9arabi
- ベストアンサー率32% (140/433)
スタイルシートを使って文字の大きさを固定しても、 No.2の方がおっしゃられているように、Mac端末やWin端末、画面解像度などの環境により、見え方は異なってしまいます。 Macのときはこんなスタイルシートにする等、条件わけを細かくしていけば望みどおりのものは得られるかもしれませんが、基本的には紙上のデザインと違って、ブラウザではデザインを固定できないものなのです。 ですから、色々なブラウザ・いろいろな環境でご自分の作られたページを見て、比較しながら妥協していくことも必要だと思われます。 本当に固定したいところは、No.2さんもおっしゃっておられますが、画像などに置き換えてしまうことです。または、PDFやFLASH等、html以外の手段を使うべきでしょう。 とりあえず、ご自分の端末にいろいろなブラウザを入れて、見比べてみることから始めてはいかがですか？ きっと愕然とすることと思います。私も毎回、泣かされっぱなしです（－－；
こんばんは。 >変なところで改行されたりしていてデザインがおかしくなっていました。 悔しいですよね、折角あれこれ考えてデザインしたのに文字設定の違うPCで見れば改行して欲しくない所で改行。 他には画面解像度が異なるPCで閲覧してみれば大きな画面の中に部品がぽつんとバランス悪く置かれていたり文字が異様に小さくなっていたりします。色だってPCごとに違って見えます。 これは仕方のないことでパソコンの画面はみんな違うものだと諦めなければなりませんね。HPの送り手として本当に悔しいことに統一させて見せる決め手はありません。 でも、すこしはそれを救うテクニックがあります。 １）自分のパソコンの「表示」→「文字のサイズ」を「中」に設定してHPを作る。すると大で見ている人も小で見ている人も大きくは印象が変わらない。 ２）ポイントになる文字はフォントではなくgif画像などにしてしまう。但しこれを多用するとHPが重くなって閲覧者がしびれを切らせて立ち去ってしまう恐れもあります。ここは大事だ！という所だけで使いましょう。 ３）文字が入るスペース（幅）を限ってしまう。これにはそのページのコンテンツ全体を例えば幅650ピクセルのテーブルに収めてしまうやり方（これは絶対値）と、スタイルシートで BODY {padding-right:18%; padding-left:18%;}などと左右を狭めてやる方法（相対値）があります。これはちょっと消極的な方法ですけどね。 ４）ちなみにスタイルシートを使って文字や行や段落（ブロック）などのレイアウトをするとHTMLに比べて自由度がかなり増えますから印象の崩れにくいHPが出来ます。 PCの解像度を見ますと、平均的に見れば70%の人が1024*768で見ており、1280＊1024で見ている人は15%。この数字は参考になります。時代は大画面・高解像度に移りつつあるようです。それに対応するような作り方をしてゆかなければならないと言う事ですね。
- pk7743
- ベストアンサー率23% (211/896)
スタイルシートを使って文字の大きさを固定すればブラウザで変更できなくなります。
