私は何よりも優れた Web 開発スキルを実践するという意図で、個人の Web サイトに取り組んでいます。私はクロス ブラウザー (ほとんどの最新のブラウザーも IE6) を構築しようとしています。また、できればクロス デバイス (モバイル デバイスでも同じように維持しようとしています) の Web ページを構築しようとしています。私が構築したいのは、ヘッダーとフッターを備えた 3 列のフローティング レイアウト デザインです。これまでに、いくつかの優れたプラクティスを見つけました..そうでない場合は修正してください..
何よりもまず、構造 (HTML)、プレゼンテーション (CSS)、動作 (JS) を相互に排他的に保つことです。スケーラビリティのための最良のオプションは、em 単位よりも %units のようです 不必要に div を使用しないでください。
タグ 必要に応じてパディングを使用して、スタイリングにマージンを使用しないことをお勧めします
今私の問題は、私のウェブページに画像があることです。今まで %units しか使用していませんでしたが、画像の幅に %unit を使用すると、スケーラブルになりません。すべての Web ページで em 単位を使用し、css で em 単位で幅を設定することにより、画像をスケーラブルのままにすることができます。
しかし、それを行う前に、画像をスケーリングするのが良い方法であるかどうか、また、そのようなデザインで直面する問題は何かを知りたいと思っていました.
ありがとう このアイデアに関する提案や情報は大歓迎です。