サイト構築

• 

  harutocoating · メンバー · 11月 1, 2017 at 8:00 am

  • リンクをコピー
  • トピックをお気に入りに追加

  cssでダブレットで見てもフッターが縦並びにならないように。スマートフォンで初めてフッターが縦並びになるように設定したいです。
  以下のコードを入れましたが、反映されませんでした。どのように記述すればよろしいでしょうか？

  .site-footer{
  flex-direction: column;
  }

  @media (min-width: 768px) {
  .site-footer{
  flex-direction: row;
  }
  }

  ヘルプが必要なブログは (ログイン中のユーザーにのみ表示) です。

• 

  harutocoating · メンバー · 11月 2, 2017 at 8:35 am

  • リンクをコピー

  ちなみに現状スマートフォンではフッターは縦並び、PCでは横並びになっています。

• 

  hacchism · スタッフ · 11月 2, 2017 at 10:47 am

  • リンクをコピー

  .site-footer{
  flex-direction: column;
  }

  @media (min-width: 768px) {
  .site-footer{
  flex-direction: row;
  }
  }

  上記のコードの代わりに、下記URL内のコードを使っていただければ、iPadでの縦向きならびに横向きでの表示でも、フッターが横並びになります。よろしくお願いいたします。

  https://gist.github.com/anonymous/4e005693782d280f6aa20bb60c2ec8d9