•  19-08-2019
  •  | 
  •  

質問

Firefox3に新しい行動をするラインの高さ、設定が異なり、すっきりとしたどのよう他のブラウザを描画するのです。このように、重要な部かの描画を高すぎるブラウザです。設定をグローバル比率ならでは異なります。設定unitlessなどの値を"1"になります。る方法はありまを正常化するこ寸法?

役に立ちましたか？

解決

の計算値 line-height: normal 変動プラットフォーム間で、ブラウザやバージョンが異なっていると、同ブラウザとしてい状態)、フォントも異なるサイズと同じフォント （エリック-メイヤー氏の記事).

設定unitless値など--- 

body {line-height: 1.2;}

...すべ 仕事の正常化の間隔とブラウザを推奨いたします。ていない場合には、できるからご提供いただいたより詳細な説明のスタイルシート?

難しい(できないのでしょうか？) に"ク"の結果が得結果を予測し、写真撮影のポイントにご案内してラインの高さを生み出す素敵な丸値を乗じたフォント-サイズです。しんのユーザエージェントのデフォルトのフォントサイズが16ピクセルが少します。 

body 
{
    font-size: 100%;
    line-height: 1.5;
}

の場合はユーザエージェントの開始文字サイズは16ピクセルの行 1.5 出を素敵にも、24(ピクセル単位)で作成します。ユーザーができな変化は、デフォルトのフォントサイズのページをズームでは、異なるブラウザでは異なる方法をスケーリングのページです。しかし、とあると思った合理的な成功のための過半数の中で活用してまいりました。いであるかのように映像化している行の高さを出そう、じゃあ実際にどんな影響が少し上の整数よりも少し下があるため、ブラウザで見切り詰めようとしているのは、丸います。

もることがありますのでご注意くだ利用率の高さで動作が異な価値を継承しています。 

body 
{
    font-size: 100%;
    line-height: 150%;
}

p
{
    font-size: 75%;
}

開始からベースフォントサイズの16ピクセル、ライン高さ24(ピクセル単位)で作成します。以内 <p> 要素のフォントサイズが12ピクセルの高さは ない となる18のピクセルなものではなく、むしろ残24(ピクセル単位)で作成します。この違い line-height: 1.5 や line-height: 150%.時 body {line-height: 1.5;} 使用すると、ライン高さ <p> は 18(ピクセル単位)で作成します。

他のヒント

できることは絶対にありません。すべてのブラウザには、CSSとコンテンツをレンダリングする方法があります。 <！> quot; Master <！> quot;を使用できます。 （cowgodが示唆するように）リセットしますが、それでも最終的にはアライメントの問題は修正されません。実際のレンダリングエンジンのために存在します。 Appleを既存のWebサイトにCSSでテストします。ピクセルが全体的に完璧になるかどうか教えてください。ありません。

実際にピクセル完全性を達成する唯一の方法は、特定のブラウザーに特定のCSSを実装することです。 Mozillaには @ -moz-doc があり、IEには独自のハックがあります、しかし、これらはいずれもW3C仕様の一部ではなく、標準が重要であることは誰もが知っています。それほど多くのオプションはありません。

デビッドが上で言ったように、それは難しいです。私は実際に不可能だと思う傾向があります。そして、私は何時間も試してみました、信頼してください！私が数えようと思っているよりも何度もほとんど怒った。飲み込むのは難しい薬ですが、誰もが同じブラウジングエンジンを使用しない限り、それを回避する方法はありません（実際、インターネットは大きな進歩を遂げるでしょう）。つまり、バックエンドを処理するために[gecko] [webkit] [presto] [trident] [whatever]をプラグインしている限り、ブラウザで必要なインターフェースを平手打ちするのはそれほど難しくないということです。それらはすべてオープンソースであるため、プロジェクトをマージして実際に作業を進めることができます。みんな一緒に素敵なプレイをする必要があります;）

ることはできません:

東京都世田谷区高(1)にすると、その後にテキスト用のパディング-トップおよびパディング、セット全高めのオートになります。

.zeroed_in_element {
    padding: 4px 2px 5px 2px;
    height: auto;
    line-height: 1;
}

常に<！> quot; reset <！> quot;スタイルを使用して、要素のスタイルとブラウザのすべての不一致を排除します。

Eric Meyer'sが好きですCSSリセット。 Yahoo にもあります。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top