Octopressのコード表示の行番号のズレを直す
私のブログで、コード表示をすると、行番号がずれて表示されていた。
検索しても情報が出ないので困り果てていたが、ふとWebインスペクタを見ると、bootstrap.cssがsyntax.cssと干渉しているのが原因だと判明した。
方法
bootstrap.cssのcode,pre{}
に、font-size:12px;
なる箇所があるので、これを削除すれば良いです。
余談
(スクリーンショットですが、pngoutで圧縮した後、7pngで再圧縮することでわずかながらより小さい画像を作成できました)
Author And Source
この問題について(Octopressのコード表示の行番号のズレを直す), 我々は、より多くの情報をここで見つけました https://qiita.com/cielavenir/items/052ad79c71f88e11340b著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .