Firefoxでは、すべてを押してズームインするとCTRL +
、期待どおりに比例して大きくなります。ただし、Chromeでは、で指定された測定値のみがpx
拡大します。で指定された測定値em
は増加しません。ChromeのズームをFirefoxのように動作させるにはどうすればよいですか?
いずれかのブラウザの元のズームレベル:
Firefoxでズームイン:
Chromeでズームイン:
上記のテキストのCSSの例を次に示します。私がミックスする理由はem
、px
美的なもの(pxで定義)をスケーリングせずに、構造的なもの(emで定義)をスケーリングしたいからです。たとえば、別のページで2倍のサイズのFacebookボタンを使用する必要がある場合は、containing要素をに設定するだけfont-size:2.0em
です。これにより、すべての構造サイズが2倍になりますが、美的サイズはそのままになります。
h1 {
font-size: 2em;
text-shadow: 0 -1px solid rgba(0,0,0,0.5);
}