t-horikiri https://blog.hatena.ne.jp/t-horikiri/ @thorikiriのてょりっき https://blog.horihavalabo.jp/ jQuery mobile iPad さて、2カラムのデザイン部分だけ作りましたが、横向きだけの実装になっています。 そこで、今回は横向きと縦向きの表示を変えてみたいと思います。 とは言うもの、MediaQuery？MediaQueries？で出来ますので、CSSだけを編集しましょう。 sample.css div.ipad-grid { height: 100%; } div.ipad-grid div.ipad-menu-block { border: solid 1px #666666; border-right: none; border-radius: 5px; overflow: auto; -webkit-overf… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.horihavalabo.jp%2Fentry%2F20120727%2F1343383488" title="jQueryMobileでiPad向けの2カラムのWebページをデザインする その３ - @thorikiriのてょりっき" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://cdn-ak.f.st-hatena.com/images/fotolife/t/t-horikiri/20120727/20120727190121.png Hatena Blog https://hatena.blog 2012-07-27 19:04:48 rich https://blog.horihavalabo.jp/entry/20120727/1343383488 1.0 100%