自己紹介

自分の写真

田舎でまったり暮らす主婦「さっこ」です。6人家族の紅一点。このサイトではブログに書くほどでもないことをつぶやいていこうかなと思ってます。プロフィールページにはSNS等のアカウントを紹介していますので、そちらもご覧ください。

スキン切り替え

過去ログ

カテゴリ

ハッシュタグ

複合検索

  • カテゴリ
  • #タグ
  • 投稿年月

リンク

Sakko Memo

プロフィールページの一言メッセージフォームで感想を受け付けてます。お気軽にご利用ください。

メモ 2021.1.6(Wed)

投稿本文、標準スキンではURLがボックス…

投稿本文、標準スキンではURLがボックスからはみ出さないようにword-break:break-allを指定してるんだけど、これやるとリンクを貼った文字の大きさがおかしくなる。いや、パソコンでは普通なんだけど、私のスマホ(Galaxy A41,Android10,ブラウザはyandex Browser・Chrome・Edge)で確認すると文字の大きさが小さくなってたりする。font-sizeで文字の大きさを決め打ちしても駄目。

あれこれ悩んだけれど、[[COMMENT]]を囲ってるdiv要素にword-wrap:break-wordとoverflow-wrap:break-wordを指定することで対処しました。今のところ問題はない模様。それにしても折返しに関するプロパティはようわからん…。頭痛くなりそう。

【追記】
結局、word-break-break-allとline-break:anywherelooseも継ぎ足してみた。なんか日本語の改行が気になって仕方なかったから。日本語とアルファベットが混在してる文章、マジ面倒。
#CSS
  • No.63
  • 09:22:28
  • (493文字)

« No.62 / No.64 »

Sakko Memoに戻る

プロフィールページに戻る