ワイドスクリーンモニターにWebページをセットアップしたことで、不正確なDIVポジションを作成した可能性があります

Question

最近、ワイドスクリーンモニターを備えたコンピューターを使用して独占的にWebサイトを作成しました。その後、サイズの小さいモニターを備えたコンピューターを使用してオンラインで同じページを開くと、すべてのdiv位置が完全に場違いであることに突然気付きました。私の質問は、ワイドスクリーンモニターを使用して、通常のサイズのモニターのビューのためにDIVポジションを台無しにすることなく、私のウェブページの開発を続ける方法です。

返信：

アドバイスをありがとう。ページのデザインは、ほとんどのブラウザのウィンドウサイズに対応するのに十分な柔軟性が必要であることに同意します。ただし、Uがワイドスクリーンモニターで作業していて、注意を払っていない場合、除算を過度に補償するのは簡単です。私の次の質問は、通常のブラウザのウィンドウの寸法をどのように確認するか、そしてブラウザウィンドウをそのサイズに押し込む方法についてです。

開発ツールで私に指示を与えてくれたCyrenaに感謝します。私はそれらを使用して、ブラウザ全体でチェックします。しかし、ここでの私の問題は、ブラウザが最大化されたワイドスクリーンモニターでのみ作業することでした。私は同じ間違いを犯したくないので、ブラウザウィンドウを適切な寸法でサイズ変更する方法を理解する必要があります。

Answer 1

私の頭の上から2つの基本的なアプローチ：

1. ブラウザのサイズを変更して、Minumumサポートされているデスクトップ/ブラウザサイズの幅になります。
2. デスクトップ設定を異なるサイズ（プロファイルなど）に設定し、テストフェーズ中にそれらを切り替えます。

真実は、本当に格好良いサイトがすべてのブラウザ構成で動作することはないということです。バーを選択して、それに対して作業してください。

Answer 2

ブラウザウィンドウを最大化しませんか？少し水平に縮小するだけですか？

しかし、ディスプレイの形状に非常に高い依存性を持っているウェブサイトは、あまり設計されていません。最小限よりも大きいサイズのディスプレイに適合するはずです（100x100ピクセルの画面に適合するために余分な努力を費やすことはありません）

Answer 3

IEの開発者ツールを使用すると、ウィンドウをサイズ変更して、さまざまな解像度でどのように見えるかを確認できます。

それをチェックしてください：ツール>開発者ツール> [ツール]メニュー>サイズを変更します。

また、少なくとも他のブラウザ / OSの組み合わせでWebサイトをテストしていることを確認する必要があります。