CSS

【実践】モバイルサイトのスタイル

共通のスタイルとして、モバイルサイト向けのスタイルから作っていきます。

  • モバイルサイト向けのスタイル

 

モバイルサイト向けのスタイル

・ではモバイルファーストでウェブ制作をしていきましょう。前回もやったとおり最近はモバイルサイトを最初に作ってからそこにフレックスボックスをつけるなどしてPCやタブレットの横幅に合わせてスタイルを組み直していくのが主流になってきています。

・まずモバイル版を作っていくのですがブラウザを細くしておかしくならないように作っていきます。

・このとき横並びを多用してしまうと見にくいサイトになってしまうのでモバイル版はできるだけ縦方向にサイトを作っていきます。画像の下にテキストが来るような形が望ましいでしょう。

-広告-

 

 






-CSS