投稿文の文面で長いURLを掲載した場合に自動折り返しできない

Simplicityの特徴 › フォーラム › 不具合報告 › 投稿文の文面で長いURLを掲載した場合に自動折り返しできない

7件の返信スレッドを表示中
  • 投稿者
    投稿
    • #33758
      たい
      ゲスト

      1.9以降になってから、投稿文の文面で長いURLを掲載した場合、スマホで見ると以前は自動的に折り返しなっていましたが、現在は右横にURLがはみ出します。合わせて、モバイルメニュータイプもページ一番下までスクロールしないと表示されない、またモバイルメニュータイプも右にはみ出てしまいます。
      改善点はございますでしょうか?

    • #33760
      Hidekichi
      ゲスト

      urlはただのテキストですかね?もしリンクなら以下のようにaタグ、そうでない場合は、それら要素に対して

      a {
        word-wrap: break-word;
      }

      とかを必要な箇所に適用してみてはどうでしょうか?

      モバイルメニューも、一瞬僕もそれらしい画面を見たような気がしましたが、今すぐに見れないので、ひとまずの所、親テーマのみでそうなるかを確認しておいたほうが良いかも知れませんね。

      fixedがabsoluteになってるんだろうとは思うんですけど、他の要素も関連してるかも知れません。夕方にわいひらさんあたりがまた確認してくれるだろうとは思いますが、現状どのような設定で、そうなるかを確認しておいたほうが問題がわかりやすくなってスムースに解答がもらえるかも知れません。

    • #33761
      Hidekichi
      ゲスト

      あ、

      a {
        word-break: break-all;
      }

      こっちのがいいかな。まぁいずれかお試しで。

    • #33763
      たい
      ゲスト

      無知で申し訳ありません。。。
      上の3行はどこに追加するものなのでしょうか?

    • #33770
      山ちゃん
      ゲスト

      私も確認しました。
      スマホで見ると、サイトが小さく表示され、
      URLが右端まで折り返さずに表示される現象。

      例)
      PCで見ると、なんてことはありません。
      http://nelog.jp/gyazo-chrome-extension

      エミュレーションでも、それなりに見えてしまいますが、

      実際に<b>実機のスマホ</b>で見ると、
      サイトが左端に寄ってURLだけが右側にはみ出しています。

    • #33771
      山ちゃん
      ゲスト

      <b>・・・・</b>は無視してください^^;

    • #33786
      アバター画像わいひら
      キーマスター

      URLを折り返さないのは、現状は仕様です。
      なぜこのような仕様になっているのかと、改善方法は過去のトピックで書いているのでこちらを参照してみてください。
      本文投稿で、全角数字だけ入力すると改行せずに枠を突き抜けて行く
      リンクが枠からはみ出る(スマートフォン)
      コメント欄からの文字列はみ出しについて
      コメントに長いURLが含まれる場合、コメント欄からはみ出す動作について

    • #33787
      アバター画像わいひら
      キーマスター

      基本的には、#33786に書かれた考えなのですが、aタグだけは、hidekichiさんの#33760で書かれた改行方法にしても良いかもしれませんね。
      次のバージョンでそのようにしておきます。

7件の返信スレッドを表示中
  • このトピックに返信するにはログインが必要です。
スポンサーリンク
アドセンス(大)
アドセンス(大)