0

私は質問をするのが嫌いなので、質問して申し訳ありませんが、最後の手段になることもあります.

私はここで髪を引っ張っていて、週末に何百ページも読んだことがありますが、これを達成する方法がわかりません。

デスクトップと iPad 用の単純な 4 列の「ホーム」ランディング ページが必要です (サブページは 2 列 (コンテンツとサイドバー) に戻ります)。ユーザーが iPhone に移動すると、ユーザーに 2 つの列が表示されるようにします。

グリッドシステムを使用してiPhoneに4列の縮小版を表示させるか、1列を表示させることができましたが、どちらも役に立ちません。

私が達成しようとしていることのイメージを添付しましたが、この分野で経験を積んだ人が私を正しい方向に向けてくれると本当にありがたいです.

私はワードプレスを使用して開発しており、ブートストラップ、レスポンシブテーマ、ボーンを試してみましたが、それぞれで同じ結果が得られました。それぞれがレスポンシブな流体グリッドを使用しています。私は間違った木を吠えているかもしれませんが、誰かが私を正しい方向に向けることができれば、私はそれを感謝します.

私が達成しようとしていることの例

4

2 に答える 2

1

画面サイズ/デバイス幅に基づいて、CSS メディア クエリを使用する必要があります。

これにより、CSS で各デバイスの列の幅をスタイルできるようになります...

http://www.htmlgoodies.com/beyond/css/introduction-to-css-media-queries.html

于 2013-05-28T10:37:12.780 に答える