12時27分04秒 [仕事]
ウェブページのレイアウトで「2段組(=2カラムレイアウト)」はかなり需要がありますよね。
このレイアウトを(HTMLは共通のままで)PCやモバイル端末などのあらゆる端末に楽に対応させるには、
……という動的なレイアウト変更ができると便利です。
そのような表示を実現する「レスポンシブ・ウェブデザイン」を使って、2段組(2カラムレイアウト)ページを作成するHTML+CSSソースの書き方をAll Aboutで解説しました。
■レスポンシブな2カラムレイアウトを作るCSSの書き方(@All About ホームページ作成)
2段組レイアウトを作る場合、「HTMLソースの記述方法(順序)」と「実際の2段組の構造(表示順)」をパターンにすると、4通りの実現方法があります。
これら4通りについて、それぞれサンプルを用意しています。お望みのソース構造やレイアウトに合わせた解説を参考にしてみて下さい。
この日記へのコメントはお気軽に! コメント数:0件
(前の記事) « iOS 9.3.1へのアップグレード後にパスワードが通らず、危うく文鎮化(^_^;)
前後のエントリ
< 旧 / 新 >
コメント数: 0件