css - 固定フォント サイズを設定する方法/特定の単一要素のブラウザのスケーリングを防止する方法は?

Question

ブラウザのフォント サイズの変更に影響されないように、ナビゲーション バーのフォントを固定サイズにしたい。残りのテキストが流動的であることはまったく問題ありませんが、私のサイトのデザインは、ナビゲーションバーのテキストが何があっても同じサイズのままである必要があるようなものです.

これが私がやりたいことの例です。これがどのように行われたかわかりません。右上のナビゲーション バーは、フォント サイズの増減の影響を受けません。誰かが私に手がかりを与えることができれば、大歓迎です！:)

http://studiogang.net/

また、必要なドロップダウン メニューがイメージ マッピングでは機能しないため、代わりにイメージを使用したくありません。または、少なくとも、私はむしろその道をたどりたくありません。

Answer 1

text-size-adjust を試すことができます:

 -webkit-text-size-adjust:none;
 -ms-text-size-adjust:none;
 -moz-text-size-adjust:none;
 text-size-adjust:none;

ただし、モバイルでのみ機能します。

それとは別に、レイアウトをさまざまなズームレベルでうまく機能させることが唯一の選択肢だと思います。

Answer 2

フォント サイズにピクセルを使用してみてください。