IEで見た場合、blockquote内のマークが大きくなってしまう

PR 2017/7/6

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

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

投稿者

投稿
- 2017年7月5日 2:06 PM #53668
  aaa
  ゲスト
  重複していたら申し訳ありません。
  
  いつもお世話になっております。
  
  blockquote内で改行できない問題は
  「見た目通りに改行を、そのまま自然に行いたいの」のページを見て間に を入力することで解決しましたが、もう1つの「”」マークが大きくなる原因が分かりません。
  
  View post on imgur.com
  
  こちらはIEで見た
  http://wasure.wp.xdomain.jp/26/
  このページですが、マークが大きすぎて文字が見えません。
  
  blockquoteは初期設定から弄ってなく
```
blockquote p{
font-size: 14px;
color: #0000ff;/*文字色*/
line-height: 1.8;
}
```
  を追加しただけです。
  
  となるとどこか他の場所が悪さをしていると思うのですが、原因がどうも分かりません。
  原因が分かる方、どうか教えて頂けないでしょうか？
  よろしくお願いします。
- 2017年7月5日 6:52 PM #53673
  わいひら
  キーマスター
  わざわざ子テーマにblockquote:beforeやblockquote:afterの全く同じものを再設定する必要はないのではないかと思います。
```
blockquote:before {
  color: #C8C8C8;
  content: "“";
  font-family: serif;
  font-size: 600%;
  left: 0;
  line-height: 1em;
  position: absolute;
  top: 0;
}

blockquote:after {
  color: #C8C8C8;
  content: "”";
  font-family: serif;
  font-size: 600%;
  line-height: 0;
  position: absolute;
  right: 0;
  bottom: -16px;
}
```
  http://wasure.wp.xdomain.jp/wp-content/themes/simplicity2-child/style.css
  
  当サイトの引用部分はIEで見ても問題ないようです。
  https://wp-simplicity.com/layout/
  なので、子テーマでのスタイルのカスタマイズが原因の可能性が高いです。
- 2017年7月5日 11:20 PM #53677
  かうたっく
  ゲスト
  こんばんは
  
  子テーマのスタイルシートを見てたら、おかしい数値になってるんです・・・。
  それでもChromeなどでは通常なのに。IEは正しく下記のように反映してるような？
```
blockquote:before {
  color: #C8C8C8;
  content: "“";
  font-family: serif;
  font-size: 600%;
  left: 0;
  line-height: 1em;
  position: absolute;
  top: 0;
}

blockquote:after {
  color: #C8C8C8;
  content: "”";
  font-family: serif;
  font-size: 600%;
  line-height: 0;
  position: absolute;
  right: 0;
  bottom: -16px;
}
```
  “のfont-size: 600%;フォントサイズが6倍に指定されている。IEだけがそれを認識していそう？…ってことで、何か別なところで、おかしいのかもしれないですね？
- 2017年7月6日 1:10 PM #53685
  
  aaa
  ゲスト
  
  わいひら様
  
  ありがとうございます。
  ご指摘の通り、重複部分を子テーマから削除したら無事問題が解決しました。
  他の子テーマ重複部分も削除することにします。
  
  かうたっく様もありがとうございました。
- 2017年7月6日 4:23 PM #53687
  
  かうたっく
  ゲスト
  
  わいひらさん
  
  同じ事は書かないつもりでいたのに、同じコードを書いてたみたいで・・・。
  内容かぶって書いても仕方ないのに、すみません＾＾；
- 2017年7月6日 6:28 PM #53694
  
  わいひら
  キーマスター
  
  うまくいったようでよかったです。
  
  >かうたっくさん
  いえいえ、僕もこのトピックで同じことを結構やっています。
  タグを開いたままにして時間が経過してから書いているうちに、書き込みがあったりするんですよね(笑)
  同じく書き込みでも、複数あると理解しやすい方で解釈してもらうことも出来るので、むしろありがとうございます。
投稿者

投稿