既存の (非レスポンシブ) サイトをセミレスポンシブ サイトに変換することについて質問があります。
事実:
モバイル用の別のサイトがあるので、ここでは問題ありません。
デスクトップ サイトの幅は 978 ピクセルで、これは 978 ピクセル以上の画面でも変わりません。
ただし、768px から 977px までのタブレットでは、レイアウトをカスタマイズする必要があります。
したがって、私たちのサイトは、一般的なタブレットの 768px ブレークポイント、800px ブレークポイントなどに対応するために、「セミレスポンシブ」になる必要があります。
私たちのサイトは、ほぼすべての場所でピクセル幅を使用しています。私たちは以下の研究を行っています：
a) コンテナーを、12 列を使用するグリッドベースのバージョンに変換します。これは、Foundation や Bootstrap などのフレームワークに依存するのではなく、引き続き独自のコード化されたアプローチになります。ただし、コンセプトは Foundation と同様のパーセンテージを使用することであり (たとえば、12 列のグリッドの大きな 6 は幅: 50% になります)、そこからパディングなどをカスタマイズします。
b) または、10 列のグリッドを使用します。これは、数字がはるかに単純であるため、使用するのがより理にかなっています。たとえば、ラージ 1 の幅は 10%、ラージ 2 (10 個のブロックのうち 2 個) の幅は 20% です。等々。
12 列または 10 列のグリッドを使用する特定の理由があるかどうか疑問に思っています。ヘッダー/フッターの再設計の要素を使用して既存の Web サイトを変更しているため、特定の 12 列または 10 列のデザインはありません。12 列のグリッドが標準であることは知っていますが、10 列のグリッドについては聞いたことがありません。10列がより理にかなっており、マージン/パディングの手間が少なく、列を100％幅に正確に収める場合、12列のグリッドを選択する説得力のある理由はありますか?
別のよりシンプルなアプローチであるhttp://www.responsivegridsystem.com/も検討していますが、これは上記とはかなり異なると思うので、これについては個別に実験します。
アドバイスをいただければ幸いです。
どうもありがとう