No.9ベストアンサー
- 回答日時:
だれも、正しいなんて、言っていませんよ。
回答した人全て、正しいとは。ハックなんて、正しくない指定とか、正しいが、他と違う動きだ、とか、そのような物をあえて使うことがハック。
http://troi.kbc-ehime.ac.jp/kj/?p=1672
(あくまで記載されている文献なので、内容の正当性は確認していない)
わかりやすいのが、クロスぶらうざで、
if ( document.all ) {
dhtml ブラウザ
} else {
DOM対応ブラウザ
}
とJavaScriptのコード。これ本来、動作は決まっていなかったが、オブジェクトだとtrueを返すなんて言う隠れた仕様が表にでてきただけ。
http://freematerial.fc2web.com/ref_js/ref_js_w_d …
(あくまで記載されている文献なので、内容の正当性は確認していない)
昔あやまって1箇所いサイズにPXを指定していて、他と同じサイズなのに違うサイズになっていた事に気がついたが、しかし、特にエラーにはならずに無視されたか、デフォルトの設定が効いていると思った。が、ちょっと違うようだった。これに気がついたのがIE5.0のとき。(だいぶ他人より気づくのおそかったな)
IEのDOCTYPEの設定によりスタンダートか、そうでないかの指定でも違った。他のブラウザでも試したが、反応がまちまち。同じエンジンだと、ほぼいっしょのはずなんだが・・・
私は、このようなハックのやり方は嫌いだ。しかし便利につかえる所がある。プログラミング的には、ごてごてになるやりかたなので、業務用のソフトでも、緊急避難的に、プラットフォーム(OSなど)のバグを回避して、バグの仕様に付き合ってパッチを出す事が多い。
もちろん、メーカーに(マイクロソフトとかSunとかIBMとか)、パッチ要求しているが、時間的に無理があり、パッチが出るまで、その方式になっているが、結局次期バージョンとかで再度そこのコードを改変しなといけないので、2度、3度でまになっています。そのような経験しているので、ハックはやりたくない。でも、便利だ(セキュリティーパッチなんて嫌いだ)。
その微妙な動作なので、マトリックスを作って、じっくりテストしてください。と言っている。へたすると、時期MicrosoftUpdateで、動作が変わっているかもしれない。他のブラウザも同じ。時期バージョンで、「あ、そこはバグだったので修正しました」なんていわれるかもしれない。そのリスクは十分にある。ただ、ハックを推奨している向きもある。
私と同じように、そのコードを書いた人のミスなら、それは、それとして直す必要がある。
なお、CSSだと無効な物は、無視される事がおおいが、それが実は効いている事もあるので、じっくり吟味してほしい。例えば上位が、12pt で、カレントが 20pxと指定した場合とか。その逆も。そのような所にバグ(仕様)が多い。
No.8
- 回答日時:
No.7
- 回答日時:
No.1です。
繰り返しますが、pxは相対サイズです。
【引用】____________ここから
相対単位には以下のものがある:
・em: 関連要素の'font-size'の値を参照する
・ex: 関連フォントの'x-height'を参照する
・px: 閲覧しているデバイスの解像度を参照する
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[CSS2の構文と基本データ型( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2 … )]より
【引用】____________ここから
相対単位に分類されているピクセルはディスプレイでの表示を前提に考えると絶対単位のように思えるかもしれませんが、 これはれっきとした相対単位です。 出力機器の画素の大きさに左右されるためです。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[長さ(length)の単位 - Web標準普及プロジェクト( http://www.mozilla.gr.jp/standards/webtips0027.h … )]より
ただ、今回の問題は、font-sizeとなるべきところを、fontと書いてしまったためだと思います。わからないときは、まず仕様書を確認する癖をつけましょう。仕様書を読まずに書かれているサイトやマニュアルもありますので・・
No.6
- 回答日時:
font-sizeのpx指定は、絶対値指定なので、画面解像度以外の部分でブラウザによって差がでることはないと思いますよ。
もちろんブラウザ間で表示されているフォントが異なれば、具合も変わるのでそこは差っ引いてみてください。
問題があるとしたら、CSSのカスケードの仕方です。つまりどこかで記述がおかしくなっていると思います。
ためしに、すべてのCSS(場合によってはJSも)を削除して、
*{
font-size:13px;
font-weight:normal;
}
としてみてください。
どうですか?
ブラウザによって差がありますか?
この状態で差がないことを確認出来れば、あとはCSSを追加しながら問題がでるところまでコツコツと追いかけるだけです。
No.5
- 回答日時:
どのようなつもりで font プロパティ が無い、と言ったのわかりません。
http://msdn.microsoft.com/en-us/library/ms530756 …
http://www.w3.org/TR/REC-CSS1/#font
と言うことで基本的なCSS バージョン1 から定義されていましたが?
ハックとの組み合わせなので、微妙な動作。ちゃんとテストしないと。
No.4
- 回答日時:
えっっあまりに初歩的
★ちゃんと調べて質問なり、回答しなけりゃ。
ネット上に参照すべき資料は必ずある。
font: というプロパティはないですよ。HTMLと間違えてない??
font-size:14px;
でなけりゃ・・・elementのattributeと混同しないように
font-colorじゃなくて、color:とかも、よく間違う
【引用】____________ここから
・em: 関連要素の'font-size'の値を参照する
・ex: 関連フォントの'x-height'を参照する
・px: 閲覧しているデバイスの解像度を参照する
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[CSS2の構文と基本データ型( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2 … )]より
なお、pxは相対サイズなので絶対サイズで指定したけりゃ
【引用】____________ここから
絶対単位は、出力媒体の物理的性質が予め判っている場合に限り有用である。 絶対単位には以下のものがある:
・in: インチ -- 1inは2.54cmに等しい
・cm: センチメートル
・mm: ミリメートル
・pt: ポイント -- 1ptは1/72inに等しい
・pc: パイカ -- 1pcは12ptに等しい
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[CSS2の構文と基本データ型( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2 … )]より
たとえばpxは、WindowsとMacでは違うサイズになる。
★絶対サイズは薦めません。端末やユーザの環境は異なるので、あくまで利用者の標準サイズを基準に決めてあげよう。目の悪い人、解像度の低い端末・・・もあるのですよ。
フォントサイズを指定しなくても表示が崩れないように、それがスタイルシートの目的かも。
No.3
- 回答日時:
趣味でホームページを作成している30代男です。
まず、ページを訪問した人全てに同じ文字の大きさで
提供しようというのがそもそもの間違いです。
理由としましては、お使いのブラウザそれぞれでの文字の
表示形式を統一しての比較をされていますか?
ただ単にブラウザをインストールして詳細設定した後の比較
ですとまだ近い状態には近づくと思いますが、
恐らくブラウザによって「13px」の扱いが違うと思います。
試しに「13px」を「80%」としてみて下さい。
それでもかなり違いますかね?
この%表記はお使いのブラウザの文字表示のデフォルトが
仮にIE6でフォントサイズ中の時にmediumuの大きさが16px
相当とします。この時に75%で指定すると、その16pxの75%
つまり12px相当の大きさで表示されるというものです。
CSSでは、以前よりpx設定は非推奨されています。
理由は質問者様の抱えている問題の為です。
これはちなみに<p>要素にも反映されます。
という様に全く同じ表示にするという事がそもそも無理です。
おおむねこの位の表示をさせたいとお考えください。
まぁJavaScriptとかで条件を指定すれば全く一緒というのは
可能かもしれませんが、HTML+CSSではなかなか難しいと
思われます。
No.2
- 回答日時:
まだまだ経験が浅いようだ。
body {
font:13px;
*font-size:small;
*font:x-small;
}
どこから持ってきたのだろう。
普通、そのままCSS適用する思うが。必要なのは全部のCSS、JSファイル、さあ全部適用して、これはと思う物をはずしてみよう。
それがデバックの仕方。
普通、はずす前に、その使い方が、CSSのどのバージョンで、どのような仕様になっているか調べると思うが、さらにブラウザによって、どのように適用されているのか調べると思うのだが、
どうだろう。
>どのブラウザでも同じサイズに見えます。
そうかな~
ひんとだけ
http://www.webbibo.com/blog/htmlcss/selector.html
このような人もいる。しかし、テキストを買えば、同じような事が載っているのだが・・・・
No.1
- 回答日時:
13pxなら、YUIベースで同じに見えるけど、
フォントファミリーは? MS Pゴシックで比較してみれば?
body {
font:13px/1.231 "MS Pゴシック",sans-serif;
*font-size:small;
*font:x-small;
}
body{ font-size:small !important; font-size:x-small;}
とか、
body{ font-size:13px !important;}
とか、
body{ font-size:13px !important; font-size: 81.2%;}
*:first-child+html body{ font-size: small !important;}
色々やってみたら?
フォントファミリーや古いブラウザ、DTDによっても違うし・・・
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP アンドロイドスマホでのphp echoの文字サイズ 1 2023/05/13 15:15
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- HTML・CSS スマホ表示用のwebページ、style.cssでは表の中の文字 font-size は指定できない? 1 2023/03/27 18:57
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS HTMLソースの質問 3 2022/07/28 13:29
- PHP ここでの ②if($su_d<>"")の比較演算子 を使う理由は 1 2022/03/26 02:33
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS Web font 会社のホームページを作成についてですが、webフォントを使用することを検討しており 4 2022/11/04 10:36
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTMLで行間隔調整の方法をお教...
-
セレクトボックス内の文字の文...
-
CSS/SPANの使用方法
-
FC2ブログの改行幅の質問です。
-
HTML セル幅の変更が出来ない
-
CSSについて教えてください。 ...
-
フォントの大きさを2と3の間...
-
スタイルシートのオブジェクト...
-
fc2無料ホームページにて携帯サ...
-
ホームページビルダー作成HPがi...
-
cssで指定するfontサイズについ...
-
文章の一部分だけ文字色を変え...
-
文字の大きさを固定する方法
-
全角半角含めて等幅で表示したい
-
A:link等の指定をstyle属性でタ...
-
HTMLの疑問です・・・
-
<input type="file"> の幅
-
(スタイルシート)文字サイズ...
-
マウスオーバーで下線を表示さ...
-
文字の位置、上下のマージンが...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
CSSについて教えてください。 ...
-
文字の位置、上下のマージンが...
-
リストの前後の行間をなくす方...
-
Format 関数 表示書式指定文字...
-
HTMLで特定の文字だけ色を変え...
-
全角半角含めて等幅で表示したい
-
特定の文字のみcssを適用するに...
-
ホームページビルダー作成HPがi...
-
テキストファイルの行を指定し...
-
リンク文字
-
アコーディオンメニューが思う...
-
テキストエリア内の文字の装飾
-
API Sleep関数について
-
Excel VBA メール作成について ...
-
上付き文字と下付き文字を同時...
-
background-color: #ddd;の意味...
-
<pre>のフォントサイズを指定す...
-
指定の文字だけ色を変える
-
CSSを一部無効にしたい
-
fontサイズ指定の ”-(マイナ...
おすすめ情報