2

簡単な質問があります。私は今ウェブデザインを学んでいますが、ピクセルに基づくグリッドを持つことは非常に難しいと思います。問題はレスポンシブ要素によるものです。

たとえば、画像は論理ブレークポイントだけでなく、ピクセルごとにサイズ変更する必要があるため、メディアクエリを挿入することはできません。したがって、私の解決策は、できるだけ単純にwidth: %;を設定します。列ごとに (1 つまたは 2 つの列がありますが、画像とコンテンツはピクセルごとにサイズ変更する必要があります)。

それから Skeleton を取ります..私はそれを見ましたが、メディアクエリを除いて 960gs の同じコピーのようです...そしてそれはまだ同じ問題です.

960gs は、多くの要素 (3 ～ 4 列) があり、それらの幅を拡大またはサイズ変更する必要がない大規模なサイトの問題を解決できると考えられます (たとえば、1024 の最大論理ブレークポイントの場合、たとえば、列に別のスペースは必要ありません。margin: 0 auto;をサイト全体の中央に配置するだけです)。

それで、あなたはどう思いますか？アドバイスが必要です。ありがとうございました。

編集::コードサンプル（2列だけだと言いました）

<header>
some social media pixtures
</header>

<nav>
logo and menu
</nav>

<aside>
pictures
</aside>

<section>
some articles
</section>

<footer>
copyright and about me
</footer>
4

1 に答える 1

2

960gs は Unsemantic に引き継がれています。http://unsemantic.com/を参照してください。Unsemantic フレームワークは、列の幅に割合を使用します。割合はコンテナーの幅に相対的であるため、レスポンシブ グリッドでの使用に適しています。

ちょっとしたアドバイス: ニュース リスト、フォーム、画像などの特定の要素に列幅を適用するのではなく、グリッド システムを使用してレイアウト列を指定します。幅そのもの。

于 2013-09-25T15:47:45.027 に答える