私は10ページのウェブサイトを開発しましたが、現在、私のサイトよりも広い画面を持つ他のマシンで実行すると、バランスが崩れ、自分のマシンで見たように正しく表示されないという大きな問題に直面しています.
同じレイアウトのどのマシンでも実行でき、同じレイアウトのどの画面でも実行できるこのサイト ブラウザーと互換性を持たせる方法を教えてください。
どうすればいいのか教えてください??
3608 次
4 に答える
1
複数の質問があります。
まず第一に、それはあなたのマシンではなくブラウザであり、適切な設計を行う必要があります. 基本的な設計原則はほとんどありません
つまり、リキッド レイアウト デザイン - どんな画面幅にもフィットし、画面に合わせて縮小/拡大します
もう 1 つは固定レイアウトです。このレイアウトは、画面サイズに関係なく変更されません。
どちらかを選択する必要があります。ウェブ上には無料で利用できる優れた CSS テンプレートがたくさんあります。できることは、このテーマのスケルトンを使用し、スタイルやその他の要素を適用して独自のものを作成することです。
ブラウザーの互換性は、デザイナーがさまざまな手法に対処する古くからの問題です。JavaScript を使用してさまざまなブラウザーを検出し、そのブラウザーに適した適切な CSS をレンダリングするものもあれば、条件付き CSS を記述するものもあります。
これらの戦略のいずれかを選択できます。
于 2012-10-04T06:27:02.070 に答える
1
まず第一に、ウェブサイトはあなたが使用しているマシンとは何の関係もありません.CSSをよく知っていれば、クロスブラウザのウェブサイトを構築できるので、レンダリングが異なるブラウザです.
したがって、クロスブラウザのウェブサイトを作成するには、HTML と、さらに重要な CSS を深く理解する必要があります。修正レイアウトが必要か、動的/流動的なレイアウトが必要かを決定する必要があります。たくさんの本が出版されています。レスポンシブ デザイン、クロス ブラウザー CSS の学習screen(width)/print specific stylesheets、Web サイトをより良いレベルにするために使用することもできます... CSS 学習でもPOSITIONING
ウェブデザインを学ぶのに最適な本:
アダプティブ Web デザイン
-アーロン・グスタフソンレスポンシブ Web デザイン
-イーサン・マルコット手作りの CSS: より強力な Web デザイン
-ダン・セダーホルムとイーサン・マルコット于 2012-10-04T06:23:29.090 に答える
1
レスポンシブ Web デザインに従って Web サイトを設計できます。
レスポンシブ Web デザインの核心は、次の 3 つの重要な技術的特徴です。
- メディア クエリとメディア クエリ リスナー
- 相対的なサイズ変更を使用する柔軟なグリッドベースのレイアウト
- 動的なサイズ変更または CSS による柔軟な画像とメディア
詳細については、次のリンクを参照してください http://msdn.microsoft.com/en-us/magazine/hh653584.aspx
于 2012-10-04T06:32:37.910 に答える
0
クロスブラウザー対応の Web サイトを作成するには:
標準に準拠したコーディングのみを使用してください。
ブラウザー固有の (独自の) HTML タグと機能を使用しないでください。
これらは作成されたブラウザでのみ機能し、別のブラウザで表示すると Web ページが壊れることさえあります。
Web ページを検証します。
W3C の無料検証サービスを使用して、HTML/XHTML コーディングを検証します
W3C の無料検証サービスを使用してカスケーディング スタイル シートを検証する
詳細はリンク先参照
于 2012-10-04T06:26:40.953 に答える