スマホから見た "blockquote" の回り込み

PR 2015/5/23

このトピックには2件の返信、2人の参加者があり、最後にわいひらにより11年、 4ヶ月前に更新されました。

2件の返信スレッドを表示中

投稿者

投稿
- 2015年5月23日 3:14 AM #26916
  Reira Carreon
  ゲスト
  いつもお世話になってます。(^^)/
  
  スマホからフォーラムを見てて気付いた箇所の報告です。
  
  「最新記事リストのスタイル変更」のトピックで。
  
  blockquoteを冒頭から記入した場合にズレが生じてるようです。
  その後の返信で、
  数行書いた下へのblockquoteは正常に見えます。
  
  この↓css部分へ
```
@media screen and (max-width: 639px)
blockquote {
  padding: 10px;
}
```
  clear: both;
  の追記で直ったように見えましたが間違ってるといけないので
  報告まで。。
  Attachments:
  blockquote-capture.jpg
- 2015年5月23日 9:59 AM #26926
  hidekichi
  ゲスト
  display: inline-block;
  でも直るかも。直るというのはアレですが、いわゆる他の要素(フロートしてるもの)に重ならなくなると思います。
  
  提案(というか便利に使おうcss運動)
```
.nonelayer {
  display: inline-block;
}
```
  例えばこのように便利に使えるであろうcssを一つ用意しておきます(名称は色々、なんでもok)。
  
  blockquoteを利用する時、重なりたい場合は通常に利用して、重なってはマズイ場合は、
```
<blockquote class="nonlayer">
  //なにかしらの内容
</blockquote>
```
  とclass部分を手動で入れればその部分だけ重ならないようになります。display:inline-blockの部分も手抜きなので必ず改行するように他に何かしらの手を加えても良いです。
  
  このようにして、ユーティリティcssなどを自分がわかるようにして管理すると便利に使える(…かも知れない)事もあります。
  
  僕はめんどくさがりなので、styleで直接書きそうです（笑）
  そっちのが面倒臭いって話なんですけどね（笑）
  ftpまでが面倒くさかったりして、一度作ればそれで済むのに、つい忘れがちになったり。
- 2015年5月23日 5:08 PM #26941
  
  わいひら
  キーマスター
  
  報告ありがとうございます。
  今から、bbPressの表示でしたが、本文部分でも、そのようになった困るので、style.cssのblockquoteを修正する形にしました。
  次のバージョンで、修正されると思います。
投稿者

投稿

2件の返信スレッドを表示中

このトピックに返信するにはログインが必要です。