0

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

再返信:

アドバイスしてくれてありがとう。ページのデザインは、ほとんどのブラウザ ウィンドウ サイズに対応できる柔軟性を備えている必要があることに同意します。ただし、ワイドスクリーン モニターで作業していて注意を払っていない場合、div の配置と要素のサイズが過剰に補正されがちです。私の次の質問は、通常のブラウザー ウィンドウのサイズを確認する方法と、ブラウザー ウィンドウをそのサイズに強制する方法です。

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

4

3 に答える 3

1

ブラウザ ウィンドウを最大化しないでください。横に少し縮めるだけ？

しかし、ディスプレイの形状に大きく依存する Web サイトは、設計が不十分です。最小サイズよりも大きい任意のサイズのディスプレイに適合する必要があります (100x100 ピクセルの画面に適合させるために余分な労力を費やす必要はありません)。

于 2010-10-15T21:12:22.967 に答える
1

IE の Developer Tools を使用している場合は、ウィンドウのサイズを変更して、さまざまな解像度でどのように表示されるかを確認できます。

[ツール] > [開発者ツール] > [ツール] メニュー > [サイズ変更] で確認してください。

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

于 2010-10-15T21:14:00.263 に答える
1

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

  1. サポートされている最小のデスクトップ/ブラウザー サイズの幅になるように、ブラウザーのサイズを変更します。
  2. デスクトップ設定をさまざまなサイズ (プロファイルなど) に設定し、テスト段階でそれらを切り替えます。

真実は、本当に見栄えの良いサイトがすべてのブラウザー構成で機能することは決してないということです. バーを選択し、それに対して作業します。

于 2010-10-15T21:14:19.173 に答える