- このトピックには3件の返信、2人の参加者があり、最後に
により8年、 1ヶ月前に更新されました。
-
投稿
-
-
すみません、根本的な（基礎的な）ところで何か理解が足りていない部分があるのかもしれないのですが、
PREの領域で、スクロールバーが合われてしまう現象が解決できなくて困っています。
下記、テスト用に書いた記事ですが
http://pandametal.xsrv.jp/test/2018/09/15/post-184/
行高さを小さくしてpaddingを0にすると、スクロールバーが出てしまいます。
試しに空のhtmlファイルを作って同じように書いて表示させてみると、スクロールバーは表示されません。
なぜこうなるのか、ご存知の方がありましたらご教示頂けるとありがたいのですが・・・
-
-
そうです、書き忘れました。font-family は PRE では monospace が標準らしいのですが、フォントがその他の部分と異なってしまうのが嫌で、sans-serif に指定したところ発生しました。
htmlファイルを作成して試したのも、もちろん sans-serif を指定していますが発生しません。
そもそも sans-serif 使うなと言われてしまえばそれまでの話なのですが、挙動が理解できないので、なぜそうなるのかな？と思いまして。
-
すみません、別のテーマ（Twenty-Fifteen）に変えて確認してみたところ、同じ問題が発生しました。
ということで、Simplicity由来の問題ではないということですね、筋違いの質問になってしまい、申し訳ありません。
しかし、HTMLファイルを作成して同じ問題を発生させる事に成功していないので、もはや原因が分かりません。
ブログだと発生するのはなぜなんでしょうね・・・・
まぁ、PRE要素にプロポーショナルフォントを使うのは、どうやらルール違反ということのようなので、使わなければ良い（使うなら等幅フォントを使う）のが正解でしょうか。
お騒がせいたしましたm(__)m
-
- このトピックに返信するにはログインが必要です。