1

Firefoxでは、すべてを押してズームインするとCTRL +、期待どおりに比例して大きくなります。ただし、Chromeでは、で指定された測定値のみがpx拡大します。で指定された測定値emは増加しません。ChromeのズームをFirefoxのように動作させるにはどうすればよいですか?

いずれかのブラウザの元のズームレベル:

ここに画像の説明を入力してください

Firefoxでズームイン:

ここに画像の説明を入力してください

Chromeでズームイン:

ここに画像の説明を入力してください

上記のテキストのCSSの例を次に示します。私がミックスする理由はempx美的なもの(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);
}
4

0 に答える 0