人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

ホームページ作成について質問です。
IEで文字の表示サイズを
最大・大・中・小・最小と変更できますが、
作成したHPを特定の設定で
見てもらう方法はありませんか?
また、ブラウザの設定を無視し文字表示する方法などありましたら教えていただきたく宜しくお願いします。



●質問者: harunoharuno
●カテゴリ:インターネット ウェブ制作
✍キーワード:Hp IE サイズ ブラウザ ホームページ
○ 状態 :終了
└ 回答数 : 5/5件

▽最新の回答へ

1 ● Benjamin
●20ポイント

スタイルシートでフォントの大きさを固定してしまうのはどうでしょうか。

http://masaboo.cside.com/new_css1/cs_10.htm

◎質問者からの返答

回答ありがとうございます。

しかし、サンプルを使ってHTMLを作成し、

IEのメニューバー→表示→文字のサイズ

で文字サイズを変更したところ、

文字の表示サイズが変わってしまいました。

なので、これは使えないかも。

また、方法などありましたら教えて下さい。


2 ● KazyN
●35ポイント

http://www.tohoho-web.com/how2/font.htm

フォントサイズは、% などの相対指定では固定されないので、px などの

絶対指定を用いる必要があります。

ただ、絶対指定を行っても、ブラウザによっては有効にならないものもありますし、アクセシビリティの問題もありますので、固定するのは程々がよろしいかと。

◎質問者からの返答

回答ありがとうございます。

教えていただいた方法でフォントサイズの固定が出来ました。見出しの文字とか、レイアウト上必要な場所で活用させていただきます。


3 ● nev
●20ポイント

スタイルシートでフォントの大きさを固定値にすれば、ブラウザ側のフォントの大きさの指定は無視されます。

<div style="font-size:10px">...</div> などのように指定します。

http://www.tohoho-web.com/css/reference.htm#font-size

◎質問者からの返答

回答ありがとうございます。教えていただいた方法は

2番目のKazyNさんと同じですね。

より、綺麗なコーディングを目指したいので

スタイルシートも検討してみます。


4 ● COFFEECUP3
●20ポイント

http://detail.chiebukuro.yahoo.co.jp/qa/question_detail.php?qid=...

◎質問者からの返答

『スタイルシートしか文字サイズを固定することは出来ない!』という指摘なんでしょうか?

もしそうだとするとご指摘のとおり認識間違っていました。タグみたいにかいてあるけど、これもスタイルシートの記述なんですよね。

回答ありがとうございました。


5 ● tabineko1978
●35ポイント

IE6まではCSSを使ってfont-sizeをpxなどの絶対単位による指定で

文字サイズを固定できます。

ただ、IE7では可変ズームに対応しているので

CSSを使った文字サイズの固定できません。

IEのほかにFirefoxやOperaといった様々なブラウザがありますが、

そちらも文字サイズを固定できません。

COFFEECUP3さんが言いたいことは、

『スタイルシートしか文字サイズを固定することは出来ない!』という指摘ではなく、

IE6なら文字サイズ固定できるけど、今後、文字サイズの固定できなくなるけどいいの?

ということを教えてくれているのではないでしょうか?


デザインにこだわる方は、自分のデザインを崩したくないという関係から

フォントサイズを固定したいと考えがちなのですが、

僕みたいに「文字ちっちゃいのきらーい。」とか思っちゃう人は、

バンバン、ブラウザの可変機能を利用してサイズを変更しちゃいますヨ(^_^)

どうせ、サイズの固定ができないのなら固定せず、

アクセシビリティ的によい(誰にでも優しい)サイトを作れるよう努力してみては如何でしょうか?

・アクセシビリティについて

http://jp.fujitsu.com/about/design/ud/usability/

◎質問者からの返答

フォローありがとうございます。題字とかはできるだけ、固定サイズにしたいなと思っていたのですが、今後のことを考えるとイメージにするほうが確実のようですね。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ