固定サイズのテキスト（ブラウザのズーム機能をオーバーライドする）

ズーム機能（Ctrl +と+）でブラウザをズームインしたときに大きくならないように固定サイズをテキスト要素に設定しようとしています固定サイズのテキスト（ブラウザのズーム機能をオーバーライドする）

私は

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

で試してみたが、私は運がなかったしました。

どうすればこの問題を解決できますか？

2016-12-09 Andrea

意味をなさないこと。フォントは実際にはサイズ変更されません。あなたは単にページをズームしているだけです。フォントのサイズは変わりません。 – Ionut

できません。しないでください。ユーザーが拡大してフォントを大きくしたいと望むと判断した場合、ウェブサイトはそれに従うべきです。 – Roberrrt

これは不可能であるとの両方のコメントは間違っています。あなたは例えば、ビューポートを使用して、これを防ぐことができますよう

h1 { 
    font-size: 5.9vw; 
} 
h2 { 
    font-size: 3.0vh; 
} 
p { 
    font-size: 2vmin; 
}

をさておき、私はこのアプローチをお勧めしません。私はあなたがここに途中で失われてしまったと思います、これは反応的なデザインではありません。

もvh、vwとvminとの互換性の問題を認識してください：

2016-12-09 14:54:21

これはOPが尋ねたことをどのようにして行うのですか？あなたのリンクはズームインとズームアウトを可能にします。正確に何を望んでいないのですか？ 'vh'、' vw'と 'vmin'はすべてビューポートサイズに基づいた相対的なサイズですが、スケーリングを防ぐものではありません。 –

私は通常、ブラウザのズーム設定を「ズームテキストのみ」に設定しています。これは、この例を意図したとおりに機能させないようにしています（ズームするとフォントが大きくなり、小さくなります）。 – andi

@ScottMarcus - あなたはOPが求めていることを誤解しています。 –

答えて