私はどのようにしてより高い画面と互換性がありますか？

Question

私は下の画面で動作させるために980px幅のhtmlレイアウトを設計しています。大きな画面でうまく動作するようにしたいのですが、レイアウトに問題があります。

低解像度をチェックするためにCTRL+-- (minus)を試してみると、左のボタンが右に移動し、影のある背景イメージが右に移動することがわかりました。その '私のレイアウトの同情。

私が試してみると決して悪くない他のサイトの例ctrl minus minus

誰かが私が試してみると自分のレイアウトをどうやって作ったのか理解してくれる人がいますか？ctrl minus minus悪くはありません。

Answer 1

ズームは画面解像度を変更するのと同じではありません。一方、ブラウザウィンドウのサイズを変更することは、同等のものとして見ることができます。

Answer 2

ボタンのサイズはどのように宣言されていますか？ px、em、またはパーセントですか？

emまたはパーセントを使用している場合は、pxを使用して、特定のピクセルの幅と高さ（およびパディング、余白などの他のサイズ）を設定してください。これは「固定」ディメンションあなたがズームするときに間違ってスケーリングする問題を解決するかもしれません。

ない場合は、control + zoom in/zoom outを使用するとき、それは、あるいはまた問題を起こすと、一般的に固定することが困難であることができ、テキストを、ズームしてもしなくてもよいことを実現します。

最後に、あなたが問題に正しく近づいていないことを認識してください。ウェブサイトをどのように大画面でレンダリングするかを確認するには、ブラウザのを大きくするか、より大きなモニタを搭載したコンピュータでテストしてください。