Follow Us.RSS

モバイル版のレイアウト崩れについて

  • 新規投稿
  • ログイン

その他モバイル版のレイアウト崩れについて

こんばんは。
モバイル版のレイアウト崩れについて

スマートフォンにてページを閲覧すると、埋め込みリストの表示の幅が優先されているのですが、サイトタイトルなどの幅が狭いままになって表示されます。

全体的なバランスを整えるには、どのように調整すれば、よろしいでしょうか?

  • ツノダ
  • Windows 7/Chrome43.0
  • 2015年6月21日(日) 19時55分50秒

その他Re:モバイル版のレイアウト崩れについて

ご質問ありがとうございます。

スマホでの table の扱いはケースバイケースとなる為、サイトテンプレート側での対応は不十分なものとなっているのが現状です。

スマホの画面におさまるよう table を表示するには、 table, thead, tbody, tfoot, tr, th, td について、display: block を設定し、表組表示しないようにする方法などが考えられます。

あるいは、こちらの記事「[jQuery] レスポンシブなスマホサイトでtableをイイ感じにリサイズしてくれるプラグイン「ReStable」」で紹介されている jQueryプラグイン「ReStable」を利用するのも手だと思います。

※CMONOS.JP は jQuery を読み込みませんので、ページレイアウト設定の HTML ヘッダに jQuery を読み込むタグを記述してください。

問い合わせが増えてきましたので、サイトテンプレートのレスポンシブ対応についても、今後進めていく予定です。今しばらくお待ちくださいm(_ _)m。

以上参考になりましたら幸いです。

CMONOS スタッフ
  • CMONOS スタッフ
  • MacOS X/Safari7.1
  • 2015年6月23日(火) 0時14分41秒

その他Re:モバイル版のレイアウト崩れについて

ありがとうございました。

不動産業界も、ホームページへのアクセスがスマホからが50%を超えてきたので、PCサイトより、スマホ向けに構築していきたいと思っています。

今後の対策お願い致しますm(_ _)m

  • ツノダ
  • Windows 7/Chrome43.0
  • 2015年6月23日(火) 16時28分49秒

その他Re:モバイル版のレイアウト崩れについて

ご報告です。

先日、教えて頂いた方法も試したのですが、今ひとつ、思った感じにならなかったので、タイル表示の横2列で試してみます。

PC版では、物件情報が横3列ないと少しスカスカな感じですが、スマホを優先した考えでしばらくやってみます。

では、失礼ます。

  • ツノダ
  • Windows 7/Chrome43.0
  • 2015年6月25日(木) 11時1分42秒

その他Re[2]:モバイル版のレイアウト崩れについて

ご報告ありがとうございます。ツノダさんのサイトも参考に弊社でも対応を検討いたします。

CMONOS スタッフ
  • CMONOS スタッフ
  • MacOS X/Safari7.1
  • 2015年6月25日(木) 14時51分55秒
タイトルは内容を簡潔にまとめたものにしてください。
「質問です」などのタイトルで投稿することはできません。
アイコン
この E-Mail は表示されません。
添付ファイル
(< 1000000 byte)
サイズ (<800) × (<800) ピクセル
ユーザー環境claudebot/claudebot/claudebot
  • 新規投稿
  • ログイン