スマートフォンとタブレット用のテンプレートを変更してみました。
変更したというか、レスポンシブデザインにチャレンジしてみてPC用のイメージでタブレットとスマートフォンで表示されるようにしてみました。
まだまだ煮詰める所が満載ですが、とりあえずこのまま行ってみようかと思います。
んですが、僕の手元にはiPhoneとiPadしかなく他のデバイスできちんと表示されているのか確認できていないんです。
どなたかandroidなどios以外のデバイス利用の方で、弊ブログを閲覧されて表示がおかしいよという箇所がございましたらご指摘などいただければ幸いです。
Comment
ediさんこんにちは
レスポンシブにチャレンジ凄いですね！
手持ちのandroidのXPERIAタブレットを縦にすると画面が切れてしまうようです。
Viewport Sizesは800×1111です、横だと1280×631なので大丈夫です。
ブレークポイントは悩みますよね、今はいろいろな端末があるので妥協が必要かもしれませんね。
ediさん
こんばんは！
docomoのスマホ「F-01F」を使っていますが、
縦画面だとちょ~と切れちゃうみたいです。
横画面にすると左に揃ってしまっていて、
その左側が切れちゃってますね~。
がんばってくださーい！！
シッポナ様コメントありがとうございます。
また貴重な情報ありがとうございます。
やはり、うまく表示されておりませんか。。。
とりあえず800ピクセルで切り替わるよう設定してみました。
どうでしょう？
いちおうiPadでもきちんと見れているので、このまま行こうかと思っております。
ただ、他にも煮詰める所満載なのであきらめて元に戻してしまうかもしれません(^_^;)
川崎(仮)様コメントありがとうございます。
貴重な情報ありがとうございます！
縦画面だとどの辺りが切れてしまっていますでしょうか？
左右でしょうか？
ムムム。
やはり僕には、少々手に負えないものなのかも。。。
東京のラーメン屋さんは正式名称かどうかはわかりませんが、Oっぱいラーメンというそうです。
よろしくお願いします！！！
すごい！
レスポンシブルにされたんですね。
私には到底無理です（＾＾；）
手持ちがiPhoneとiPadで同じため、参考にならなくて申し訳ないです。
頑張って下さいね！
ごーじぃ様コメントありがとうございます。
スマフォの表示を変えたくってCSSを見てたんですけど、どうせならレスポンシブで行っちゃえってノリでやってみました^^;
まだいろいろとおかしな所が、満載なので完成！って言えるまでにはまだまだ時間がかかりそうですけどボチボチとやっていこうと思います^^！
応援ありがとうございます♪