私の理解では、テキスト サイズを大きくするにはCtrl+を使用するのが最善の方法です+。これにより、レイアウトも保持されます。しかし、このキーの組み合わせが押されたときにブラウザーが正確に何をするかを知っている人はいますか? レイアウトが正しくないことを確認したい
多くの Web サイト (Google や Amazon でさえも) で、div が互いに重なり合い、テキストが乱雑になるため、このズームに問題があるのを見てきました。これは、ボディ幅が固定されていない Web サイトでよく見られます。
編集:正確に何が起こるか知りたい:幅が固定されていない要素とdivはどのように処理されますか? html div の幅は変更されますか? 要素が同じ比率で変化するのか等々・・・どのブラウザもズームイン、ズームアウトすると同じような結果になるようですので明確な仕様があると思います。
最近のほとんどのブラウザーには、共通のショートカットがあります。これらの中には、あなたが言及したCtrl++とCtrl+の2つがあります-。
これらのキーストロークを使用すると、ユーザーはそれぞれズームインおよびズームアウトできます。同様に、コントロールを押したままマウス ホイールを (それぞれ) 上下にスクロールすると、同じ動作が得られます。
これはテキストのサイズを拡大/縮小するだけでなく、画像、バナーなどを含むページ上のすべてのコンテンツを拡大 (または縮小) することに注意してください。
開発者として、拡大された Web ページを処理するレスポンシブ レイアウトを作成する場合は、 のような固定単位の使用を避け、pixelsや などの単位を使用する必要がpercentagesありemます。
以下は、最も一般的なブラウザで共有されているキーボード ショートカットのリストです。
Ctrl++ブラウザをズームインし、Ctrl+ブラウザを-ズームアウトします。