サイドバーウィジェットのline-height(スマホ)

Simplicityの特徴 フォーラム Simplicity2に関する話題何でも サイドバーウィジェットのline-height(スマホ)

  • このトピックには2件の返信、1人の参加者があり、最後にファンキーKにより10年、 3ヶ月前に更新されました。
2件の返信スレッドを表示中
  • 投稿者
    投稿
    • #42335
      ファンキーK
      ゲスト

      スマホで見た時の
      ウィジェット内のテキスト行間(line-height?)を調整したい

      PCでは見やすのですが
      スマホの場合、行間が詰まってしまいます

      スマホで行間を空けるための
      CSSの書き方をご教示ください

    • #42339
      Hidekichi
      ゲスト

      完全レスポンシブがoffならmobile.cssが使えるので、そこで該当箇所を変えたらイケると思いますが、

      > スマホの場合

      と言われましてもスマホにも色々とありまして、そのサイズはいくつかあります。
      なので、どれを(またはどの向きも含めて)言われているのかがアレなんですが、ウィジェットなので、そのウィジェットがどこにあるかと言う問題もありますが、

      ■mobile.css

      .widget {
        line-height: 1.5; /*150%と言う意味*/
      }

      とすればよかろうかと思うんですけれども、ちょっと不明な点もありまして、というのはスマホでと言われるぐらいなので、サイドバーでもなく、フッターでもなく何かしら本文あたりにあるウィジェットだろうか?と考えた時に、.articleにはline-heightが入っていて、1.7ぐらい入っていたような記憶もあったりして、狭くなるだろうかという点。

      ここらから、そのウィジェットがどこにあるものなのか、それとも全体的にwidgetの行間が狭いのか、何かしらのカスタマイズをしたので狭くなったなどの、もう少し具体的な質問内容があると助かります。

    • #42342
      ファンキーK
      ゲスト

      有難うございます
      バッチリ直りました

      このサイトでも
      「最近のコメント」など
      スマホのスライドインメニューで見ると
      行間が詰まって見難いなー
      と思ったので

      スマホの場合
      CSSのどこに書いてあるか調べられなくて・・

2件の返信スレッドを表示中
  • トピック「サイドバーウィジェットのline-height(スマホ)」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)