モバイル用の Web ページを開発する予定です。画面の幅でウィンドウ要素のサイズを変更する必要があります.いくつかのテキストフィールドを持つフォームを作成するとします。画面幅が広い場合にぴったりと表示されます。ただし、画面の高さが長く、幅が狭い場合、フォーム要素 (テキスト ボックス、ラベルなど) が重なり合ったり、隅の部分が少なくなったりします。
画面のサイズを小さくすると、画面のサイズに合わせて HTML 要素を自動的に小さくする必要があります。
あなたの提案をしてください。
ありがとう、ディーパック
最善の解決策は、メディアクエリを使用することです
それらを使用すると、さまざまなデバイス幅に個別のスタイルを適用し、すべてのページ (およびフォーム) がすべての画面できれいに見えるようにすることができます。
これは、ページがゆがんだり、テキストが小さくなって読めなくなったりするのを防ぐのにも役立ちます。これは、幅の広い画面用に設計されたページを幅の狭いモバイル デバイスに合わせようとした場合に発生する可能性があります。
パーセント次元を使用することをお勧めしますbox-sizing: border-box;