ブラウザをズームインしてもフォントサイズが変更されないのはなぜですか？

Question

ほとんどのウェブサイトでは、ブラウザのズームレベルを変更している間に、フォントサイズも増加し、ユーザーはそれらを見るのに役立ちます。何らかの理由で、それは私の新しいウェブサイトでは機能しません。ブラウザのズームレベルを変更すると、すべてが変更されますが、フォントサイズはすべて同じに保たれます。この動作を制御するために使用できるCSSまたはHTMLプロパティはありますか？おかげ

ここでは一例であり：特定のピクセルサイズを用い

http://ca.skywatcher.com/index.php

Answer 1

layout.cssに本文の-webkit-text-size-adjust: none;を設定しているという問題があります。 -webkit-text-size-adjust: auto;に変更すると、ページとともにフォントのズームが可能になります。

編集：CSSを修正しました。 autoではない0

Answer 2

フォントは、（いくつかの他の人と一緒に）相対的なものではありません。拡大表示はその相対的な情報を変更します。

http://www.westciv.com/style_master/academy/css_tutorial/properties/values.html

Name  Abbrev. Explanation        Relative? 
em   em  The height of a font     yes 
ex   ex  The height of the letter x in a font yes 
pica  pc  1 pica is 12 points      no 
point  pt  1/72 of an inch       no 
pixel  px  One dot on a screen      no 
millimeter mm  Printing unit       no 
centimeter cm  Printing unit       no 
inch  in  Printing unit       no 

Answer 3

から、あなたは、フォントサイズの設定（例えば：ピクセル）のための固定小数点の幅を使用している場合、ユーザーがズームしたときに、その後、あなたのフォントサイズは変更されません。ユーザーがズームイン/ズームアウトしたときにフォントを拡大または縮小したい場合は、emをユニットとして使用することを検討してください（1 em =ユーザーのマシン上のデフォルトのフォントサイズの100％）。