2016-06-16 15 views
-1

私はCSS 3列応答レイアウト

|---------|------------------------| 
|- fixed -|-------- fluid ---------| 
|---------|------------------------| 
|---------|------------------------| 
|__________________________________| 
|---------- fluid -----------------| 

するデスクトップブラウザ

|---------|--------------|---------| 
|- fixed -|--- fluid ----|- fixed -| 
|---------|--------------|---------| 
|---------|--------------|---------| 
|---------|--------------|---------| 

とモバイルでは、このように見える必要があり、レイアウトを必要とする誰かが私を助けてくださいすることができますか!?

+1

最初http://stackoverflow.com/help/mcveをチェックアウトする必要があります。 –

+1

私はあなたが 'media-query'を学び、それを使って遊ぶべきだと思います。その後、同じコードを試してみてください。その後、人々はより正確な答えを与えることができます –

+0

ようこそスタックオーバーフロー!あなた自身でこれを少なくともコード化しようとしています。スタックオーバーフローはコードを書くサービスではありません。私はあなたがGoogleを介して、またはSOを検索することによって、いくつかの追加の研究を行い、試してみることを提案します。それでも問題が解決しない場合は、**あなたのコード**に戻って、あなたが試したこととそれがうまくいかなかった理由を説明してください。 –

答えて

1

css flexible boxcss media queriesのGoogleをお勧めします。私はこの例では2を組み合わせた

https://jsfiddle.net/18b6mnrs/

+0

これは理論的に質問に答えるかもしれませんが、答えの本質的な部分をここに含め、参照のためのリンクを提供することが望ましいです**(// meta.stackoverflow.com/q/8259)。リンクされたページが変更された場合、リンクのみの回答は無効になることがあります –