PCとiphoneの表示を変える

PR 2016/5/1

このトピックには2件の返信、1人の参加者があり、最後にちゅうすけにより10年、 3ヶ月前に更新されました。

2件の返信スレッドを表示中

投稿者

投稿
- 2016年5月1日 1:33 AM #40262
  
  ちゅうすけ
  ゲスト
  
  http://risakoblog.com/
  ↑
  このサイトのようにPCでは2タイル、iphone(スマホ）で見ると1タイルという風に表示を変えるにはどうすればいいでしょうか？
- 2016年5月1日 2:53 AM #40263
  
  Hidekichi
  ゲスト
  
  そちらのサイトは、#listの中にある、.entryの横幅を設定して、floatで記事を横並びにしています。
  メディアクエリによって各ブレイクポイントを設定して、見ているブラウザがその画面幅になった時に幅を変えたりしているわけです。
  
  が、今時はflexで書きます。
  作成中で進捗は滞ってますが僕が作ってるスキンのひな形となったサンプルとしては、
  サンプル: フル画面版
   エディター画面版
  
  こんな感じにできます。.entryの中のレイアウトも自在にできます。スタイルによっては一部jQueryが必要かも知れません。
  例えば3列ですが、こんな感じにもできます。
- 2016年5月1日 3:32 AM #40264
  
  ちゅうすけ
  ゲスト
  
  ありがとうございました。
  初心者ですが、頑張ってやってみます！
投稿者

投稿

2件の返信スレッドを表示中

このトピックに返信するにはログインが必要です。