- 締切済み
CSSでフォントサイズを可変にした場合、下限を指定できますか？
CSSでフォントサイズを可変にした場合、 ここまでは小さくできるがそれ以下には小さくできないように指定できるものでしょうか？ 文字サイズを『最小』（WINDOWSのIE）にしても10px以下にはできないというような。 YOMIURI ONLINE（読売新聞）のようにページ内にボタンを設けるとかではなく、 あくまでもブラウザの指定を制限するというかたちが理想なのですが。
- ichigensan
- お礼率100% (13/13)
- CSS
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
関連するQ&A
- CSS font-sizeのパーセンテージ指定「管理がややこしくないですか？」
色々実験しているのですが、、、 CSSでフォントサイズを「％」指定すると、サイズの基準になるのはひとつ前の親要素のフォントサイズになるみたいですね。 ＝＝＝＝＝＝＝＝＝＝＝＝ <div style="font-size:80%">あああ<span style="font-size:100%">いいいい</span>あああ</div> ＝＝＝＝＝＝＝＝＝＝＝＝ 上記の場合「いいい」のサイズは「あああ」に指定している「80％」を継承し、基準値となるので「いいい」と「あああ」のサイズは変わらない。 「いいい」をブラウザデフォルトの16px相当のサイズで表示しようとすると、「<span style="font-size:130%">いいいい</span>」にしなくてはいけないようです。（少なくとも自分が実験した限りでは・・・） 親要素どころか、先祖要素なんかも影響してくることを考えるとテキストサイズを「％」指定することはとてもややこしいことでは無いですか？どのように管理されていますか？ 最近は文字サイズはpx等の固定ではなく、相対指定するのが望ましいと言われているので「％」で指定していこうと思っているのですが。 基本的な質問ですみません。 ※質問しやすいように「style」直接記述をしていますが、普段はCSSファイルをhtmlに読み込みしています。
- ベストアンサー
- HTML
- 奇数のフォントサイズ指定について
CSSのフォントサイズの指定について質問があります。 昔どこかで、htmlにおいて、 「フォントサイズに奇数（13pxや15px）を指定するといけない」 と聞いたことがあるのですが、 現在でも、それはいけないのでしょうか？ それともウェブセーフカラーなどと一緒に、 昔は奇数を指定してはいけなかったというだけで、 現在では特に規定などはないのでしょうか。 今はフォントサイズもブラウザで変更できたり、 サイトによっては、フォントサイズの変更ボタンがあったりするので、 13px程度あれば、可読性などの点でも、 問題ないと思うのですが… また、大手のサイトでも、 標準が12、13pxのサイトもかなりありますよね。 それとも、昔はジャギーがかかったり、 にじんだりするような現象があったのでしょうか？ 何か参考文献、サイトなどございましたら、 ご教示願えますでしょうか。 よろしくお願いいたします。
- ベストアンサー
- HTML
- cssで最適なfont-sizeの指定は？
（ブログのカスタマイズ初心者です。過去ログを探しても見つからなかったので、質問させて下さい） cssでのfont-sizeの記述は、どのような形が最適でしょうか？ px, em, ％, mediamやsmall、その他、単位が色々あって、迷ってしまいます。 pxで指定するのが一般的な気がしますが、IEで文字サイズを変えた時に、変わらないのが不便な気がします。 body {font-size: small; line-height: 160%; } のような形が良いように思いますが、あまり見かけません。 皆様は、どのようにしていらっしゃるのか、教えて頂けたらと思います。 よろしくお願い致します。
- ベストアンサー
- ブログ
- 【CSS】フォントサイズや幅や高さの指定値の範囲を教えてください。
<STYLE TYPE="text/css"> <!-- .sample { font-size: 123px; height: 50px; color: red; } --> </STYLE> たとえばこんなような感じでコードを書いてみたのですが、 font-size: 等で指定するサイズや％値には範囲は存在するのでしょうか。たとえば％値なら0％～100%までなのでしょうか。
- ベストアンサー
- その他（プログラミング・開発）
- CSS font-size について
cssでfont-sizeを指定したのに反映されなくて困っています。（スクリーンショットをとって確認したところ） 12pxと13pxは11px 14pxと15pxは13px 16pxは15pxになってしまいます。 プログラムは次のように打ちました。お願いします。 <HTML> <HEAD> <TITLE>無題ドキュメント</TITLE> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <STYLE type="text/css"> <!-- h1 { font-size: 12px; font-weight: normal} h2 { font-size: 13px; font-weight: normal} h3 { font-size: 14px; font-weight: normal} h4 { font-size: 15px; font-weight: normal} h5 { font-size: 16px; font-weight: normal} --> </STYLE> </HEAD> <BODY bgcolor="#FFFFFF" text="#000000"> <h1>春夏秋冬 12px</h1> <h2>春夏秋冬 13px</h2> <h3>春夏秋冬 14px</h3> <h4>春夏秋冬 15px</h4> <h5>春夏秋冬 16px</h5> </BODY> </HTML>
- ベストアンサー
- HTML
- フォントサイズをemで指定すると太字になってしまう。
CSSで たとえば、 font-size:1.2em; と指定し、ブラウザ（ＩＥ６）で表示させます。 ブラウザの文字サイズが「中」のときは 問題ないのですが、「最大」にすると その文字が太字になっているのですがどうしてですか？太字にしたくないのです。 また、0.9emにして、「最小」表示させると ごま粒みたいな文字になってほとんど判読不可能です。 「最小」から「最大」まで変えても、きちんと読める ＨＰにしたいと思っていますが、 いまはしょうがないのでfont-sizeは指定していません。 emがうまく使いこなせません。 こんなことで悩んでいるのは自分だけでしょうか。
- ベストアンサー
- HTML
- CSS－フォントサイズと行間を設定するとフォント指定が無効になっちゃう－
CSSでフォントサイズとpxで指定し、行間をhigh-lineで指定すると行間は生きるんですが、フォント指定が無効になります。どのように設定したら、両者行きますか。IEでもFirefoxでもためしてみました。
- 締切済み
- その他([技術者向] コンピューター)
- フォントサイズは、％で指定したほうがいいですか？
こんばんは。趣味のブログをやりながら、HTML や CSS を勉強しています。 手元の本やネット上には、「IE6 で文字の大きさを変えられるから、フォントサイズは『％』がオススメ」とあります。いっぽうでアクセス解析を見ても、IE6 の人は一人もいません。また、最近のブラウザ（IE9 や Firefox など）であれば、《CTRL ＋ マウスホイール》で画面の大きさを変えられると思います。 個人的に px のほうが計算しやすいので、できれば《font-size: 16px;》のように指定したいのですが、やっぱり％のほうがいいですか？
- ベストアンサー
- CSS
- CSSで文字指定：あるセレクタで指定した値を他のセレクタへ継承させることは出来ますか？
文字サイズをCSSで指定する方法についての質問です。 同一の文字サイズ指定でも、OS・ブラウザ間で表示にギャップがあります。 そのギャップを調整するために、JavaScriptを使用して OS・ブラウザごとにそれぞれ異なった外部CSSファイルを読み込むようにしています。 macintosh.css windows.css windowsIE.css ...このような振り分けCSSファイルでそれぞれ文字サイズ指定をしています。 CSSファイルの中身は、 macintosh.css .small { font-size: 10px; } /* 小さめ */ .middle { font-size: 12px; } /* 中くらい */ .large { font-size: 14px; } /* 大きめ */ windowsIE.css .small { font-size: 0.8em; } /* 小さめ */ .middle { font-size: 0.9em; } /* 中くらい */ .large { font-size: 1em; } /* 大きめ */ ...といった具合です。 このやり方では、h2の文字サイズを全て中くらいの大きさに指定したい場合、 全てのh2タグに <h2 class="middle"> と記述することになってしまいます。 これは煩雑なので一括指定したいと考えます。 すぐ思いつく方法は、振り分けCSSファイルにh2の文字指定も含めることです。 macintosh.css h2 { font-size: 12px; } windowsIE.css h2 { font-size: 0.9em; } ...のようなことです。 そうではなく、h2に .middle（＝中くらい）で指定した文字サイズをそのまま受け継がせる方法はないでしょうか？ h2 { class="middle" } 変な書き方ですが、意図を汲み取っていただけるでしょうか。 このように指定出来れば、かなり省力化出来るように思います。方法があればぜひお教え下さい。
- ベストアンサー
- HTML
- cssでフォントサイズを相対指定。→NNで小さすぎ
webデザイナーを目指しただ今、ＨＰ制作勉強中の者です。 Win＆Mac（IE5.5、NN4.7、7.0)で確認作業しています。 IE、NNで共にフォントサイズの固定をせずに、尚且つ、IEでの表示文字サイズ「中」を基準として、程よい大きさで表示をさせたいと思い、cssで相対サイズの font-size:x-small を指定しました。 IEではうまい具合にいくのですが、ＮＮの方で、大きさは可変するものの、デフォルト(文字の大きさ100%)で小さすぎになってしまい、どうにかこのような状況を避け、下記のような条件でフォントサイズを制御したいのですがどんな方法がありますでしょうか？ ●NN、IEともにサイズ固定させたくない ●NNデフォルトで、読みやすいくらいのフォントサイズで表示したい ptで指定すると、IEでは固定されてしまいます。 ユーザーがNNのブラウザの設定をいじって、デフォルトサイズを変更しない限り無理なのでしょうか？ また、IEとNNで別々のcssを適用させるなどの方法が存在するのでしょうか？ NNでの表示は目をつぶりますか？ 又、商業的なサイトを制作されている方は、文字サイズを固定させたくない場合にどんな指定をしますか？
- ベストアンサー
- HTML
お礼
回答ありがとうござます。CSSだけで指定する方法は現時点では確かにないようですね。Macは私も使っているので、わかります。文字の拡大縮小が何を指定しても出来ちゃうんですよね。 javascriptとかを併用して制限をかけられたりとか、他の技術を使用したらもしくはできるかなと思ったのですが。 無理なんでしょうか。