2012-01-12 5 views
1

これは、アダプティブHTML/CSSレイアウトに関する2番目の投稿だと思います。以前の記事では、適応レイアウトを実装した参考にした回答がありました。これは、フロートを削除し、コンテナを別のものの下に置く必要がある場所ではより直線でした。CSSのみを使用したアダプティブhtmlレイアウト

今回私は複雑なデザインがいくつかあります。風景とポートレートモードでどのように見えるかをデザインに見せてください。

ランドスケープデザイン:portrait:幅未満1024pxであるならば、デザインがこの

肖像デザインのように見えるべきであるされてポートレートモードでLandscape

誰かが私にこのデザインにアプローチする方法を教えてくれたら助かります。いくつかのより多くの情報が必要な場合は場合は、その後 Raaks

+0

div 1-6のプロパティと目的について詳しく知りたいですか? 2つのレイアウトでサイズが異なるのはなぜですか?あなたは、特にポートレートモードでそれらを配置する方法を言葉で説明できますか? – RoToRa

+0

こんにちはRoToRa、私は肖像画のデザインを編集した、あなたはそれをチェックアウトすることができます。ほとんどすべてのdivは同じサイズですが、ポートレートモードで次のように調整する必要があります。 – 125369

+0

いくつかのソースコードは非常に役に立ちます。 :) –

答えて

1

感謝をお気軽にお尋ねくださいあなたは、メディアはあなたがレスポンシブウェブ」についての良い記事をたくさん読むことができます

@media all and (max-width: 1023px) { 
    /* CSS you need for portrait */ 
} 

を問い合わせる使用して試すことができます設計"。

関連する問題