【skin-white】スマホでの表示崩れについて

[きじなご]

初めまして、きじなごと申します。

いつもdo様のサイト制作ノウハウやテンプレートを利用させていただいております。

先日リリースされたてがろぐスキンskin-whiteがとても素敵だったので導入させていただきました。

基本的な所はカスタマイズできたのですが、iPhoneのchromeでサイトを見たときになぜかメインエリアの部分のみ画面からはみ出していました。

カスタマイズのミスかなと思い、costom.cssを消して更新してみたのですが、表示崩れは変わりませんでした。

PCのchromeでブラウザのサイズを変えた場合には、表示崩れは起こりませんでした。

私の環境だけの現象でしたら申し訳ありません。原因がわからずこちらに相談させていただきました。

お手数をおかけしますが、ご検討のほどよろしくお願いします。

[ガタガタ]

skin-whiteの早速のご利用ありがとうございます。

custom.cssに以下の記述を書き加えると解消されますでしょうか。

.onelogbox .comment {
word-break: break-word;
}

改行できない文章などが本文中に入ると起こる現象のようです。
今後のskin-whiteのアップデートで改善を行いたいと思います。

お手数ですがお試しの上、ご報告いただきますようお願いいたします。

[きじなご]

ご返信ありがとうございます。

ご回答の記述を試してみましたが、残念ながら改善されませんでした…。

根本的な解決ではないかもしれませんが、以下の記述を加えてみたら想像通りの挙動になりました。

ただ、当方素人でこれが正しいのかわからないため、他のところで不具合が起きるかもしれません…。

@media(max-width: 768px){
main{width: 100%;}
}

お忙しい中ありがとうございました。また改善策が分かりましたらよろしくお願いします。

[投稿者]

投稿