0

だから私は、コンテンツが非常に少ないこの個人的なウェブサイトを作成しています。標準の 960px 幅を使用すると、非常に広い余白ができます。幅が短いといいのですが、他の解像度での表示が悪いなどの問題が発生します。何を提案しますか？

4

5 に答える 5

2

どのような画面解像度にも適合し、どのようなサイズでも Web サイトの見栄えを良くするには、メディア クエリを使用してレスポンシブ デザインを使用することをお勧めします。このトピックについては、こちらで読むことができます。

そうすれば、ブラウザ ウィンドウがそれよりも大きい訪問者に対して 960px 幅を使用し、モバイル デバイスなどを使用する訪問者に対して Web サイトのサイズを適切に変更できます。

ただし、幅 960px にこだわりすぎないでください。これは標準ではありませんが、多くの場合うまく機能する形式です。なぜなら、960 は (列を作成するために) 簡単に分割できる数値であり、静止画よりも小さい幅だからです。非常に一般的な 1024 ピクセルの解像度。

于 2012-07-13T08:57:48.667 に答える
1

このようなメディアクエリを試すことができます

 <link rel="stylesheet" type="text/css" media="screen and (max-device-width: 480px)  href="shetland.css" />
于 2012-07-13T09:00:21.570 に答える
1

CSS3 メディア クエリを使用してレスポンシブ Web サイトを構築することを検討する必要があります。

非常に簡単で軽量なSkeleton CSS Framework (リンク) をお勧めします。

于 2012-07-13T10:14:20.180 に答える
0

それはあなたのウェブページに依存します。また、寸法にはいくつかの基準があります。

これを確認してください：http://www.hobo-web.co.uk/best-screen-size/

于 2012-07-13T08:57:13.973 に答える
0

すべてのレイヤーに「位置=相対」を使用してください!!! これにより、幅の変更に関する問題が解消されます

于 2012-07-13T09:02:55.880 に答える