ipadの縦横で変形？するCSS指定

  • riou908

    (@riou908)


    9年、 4ヶ月前

    ipadを横にしたときは普通のPCのようなデザインだったのが、縦にしたとたんにグローバルメニューが消えて、スライドバーのボタンが表示されるようにするのはどのような指定で実現できるのでしょうか。。（スライドバーの動作はjavascriptで別に実現するという前提で）

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • ishitaka

    (@ishitaka)

    9年、 4ヶ月前

    CSS の @media で切り替える方法ではどうでしょうか？

    /* 横方向 */
@media screen and (orientation: landscape) {
  .global-menu { display: inline; }
  .slide-menu-button { display: none; }
}
/* 縦方向 */
@media screen and (orientation: portrait) {
  .global-menu { display: none; }
  .slide-menu-button { display: block; }
}
    • この返信は9年、 4ヶ月前にishitakaが編集しました。
    oisit

    (@oisit)

    9年、 4ヶ月前

    公式テーマのファイルやソースを読んでみるといろいろわかるんじゃないでしょうか。
    cssのIDやclassでフォルダ全体に検索をかけるとかすれば、ヒットしたりもしますよ。
    あとfirefoxやchormeの開発ツール使って調べて行くのも勉強になります。

2件の返信を表示中 - 1 - 2件目 (全2件中)

トピック「ipadの縦横で変形？するCSS指定」には新たに返信することはできません。