私は、960px GS やグリッド ジェネレーターなど、いくつかの固定幅 CSS フレームワークを考え出しました。私が見つけたそれらの問題は、幅が固定されていることです。通常の画面で最もうまく機能しますが、利用可能な画面の幅全体を使用する CSS フレームワークを入手するか、誰かが私を助けてくれますか? 列の数、ガターの幅などは、それほど重要な要素ではありません。
前もって感謝します。:)
私は、960px GS やグリッド ジェネレーターなど、いくつかの固定幅 CSS フレームワークを考え出しました。私が見つけたそれらの問題は、幅が固定されていることです。通常の画面で最もうまく機能しますが、利用可能な画面の幅全体を使用する CSS フレームワークを入手するか、誰かが私を助けてくれますか? 列の数、ガターの幅などは、それほど重要な要素ではありません。
前もって感謝します。:)
% ベースのグリッドを作成するのは信じられないほど簡単ですが、Bootstrap などのすべての機能を使用しない限り、余分な肥大化が生じるだけです。レスポンシブ グリッド システムを作成するのに 10 ~ 20 分もかからず、まさに必要なものを手に入れることができます。それ以上でもそれ以下でもありません。
これは、単純な 2 列の % ベースのグリッドの作成に関するビデオです。
そして、それについて読みたい場合は、ほぼ同じことを行っているブログ投稿を次に示します。
モバイル固有の CSS を作成するには、いくつかのメディア クエリを実行する必要があります。これについては、こちらの記事を参照してください。
また、メディアクエリを使用する場合は、次のことを忘れないでください。
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
あなたのhead
ページの