ブラウザズーム互換のWebアプリケーション

Question

WebアプリケーションのUIを設計するときに、ユーザーがWebブラウザをズームインまたはズームアウトしてもUIが壊れないようにするために、

また、さまざまなブラウザのズームタイプがどのようにこれに反映されますか（つまり、IE6はChromeとは異なるズームをしていますが、モバイルブラウザはそれとは異なると思います）。

Answer 1

最新のウェブブラウザのほとんどは、適切なズームを使用しています。これは、レンズを使用してズームイン/ズームアウトしている場合、ページがズームアウトしていることを意味します。

IE6と一部の古いバージョンのFirefoxなどでは、適切なズームではなく文字が増加します。これらのブラウザでは、要素のサイズを変更する単位の種類によって、ズームがサイトの外観にどのように影響するかが変わります。

たとえば、IE6では、幅/高さをpxに設定すると、ズームした後はコンテナではなくテキストのサイズのみが変更される固定レイアウトになります。 %またはemを使用するようにこれらの同じ要素を設定すると、要素のサイズを変更できます。

「私は何を見ているか」に関しては、あなたがサポートしたいブラウザに依存していると思います。私の好みは、現代のブラウザを開発することです。 IE6のユーザーがズームしたいと思ってレイアウトを壊してしまった場合、私はそれを存分に享受できます。