html - メタ ビューポートとフォント サイズ

Question

私のウェブサイトには、セクションに次のコードがあります。

<meta name="viewport" content="width=990"/>

これにより、私の Web ページがモバイル デバイスで適切に表示されます (幅が 100% のフロー要素があるため、width=device width を使用できません - ページがひどく台無しになります)。ただし、副作用があります。IE Mobile 10 などの一部のブラウザーでは、一部のフォントが大きくなります。面白いことに、私の Web サイトの要素はどこでもまったく同じ CSS を使用しており、これによって影響を受けるのは一部の要素だけです。それがなぜなのか、私にはわかりません。

ブラウザがフォントを拡大するのを止めて、デスクトップと同じようにピクセルごとに維持するためにできることはありますか? メタタグを変更しますか? それを止めるためにCSSに何かを入れますか？

私は長い間解決策を探していましたが、これまで効果はありませんでした。その点について何か助けていただければ幸いです。

前もって感謝します！

Answer 1

これをあなたの体に加えてみてください

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

次のソースによると、viewport タグを削除した場合、これは IE 電話でのみ機能します。https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust