Highlighter」ですが、Foundation6によるテーマ(要はこのブログ)で使用したところ、ソースコード表示に不具合が起きました。原因と対処法を調べました。Textのテーマを適用したものですが、グレーのしましまになってくれない...。対処法Foundation6のテーブル用スタイルが効いてしまっていることが原因です。_settings.scssの492行目あたりで指定してあるテーブル用背景が適用されています。Grid使用時のみ起きる不具合ですウインドウ幅が狭いときに本来なら親要素に横スクロールが表示されるはずですが、表示されません。Highlighterによるソースコードが表示されるcolumnsに「width:100%」を指定します。記事表示部分が以下のような場合(思い切り簡略化してます)、contentを含むcolumnにwidthを指定します。Highlighterを同時に使うケースも相当ニッチだとは思いますが、該当される方はよかったら参考にしてみてください。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイトCommentsコメントはまだありません。2Archive2020年92019年182018年102017年172016年202015年212014年312013年552012年50SearchSocialAboutWeb制作会社ではたらく社畜のアウトプットです。Web制作技術のほか、雑記など。当ブログと運営者についてもっと詳しく見るプライバシーポリシーContactお問い合わせは下記フォームをご利用ください。お時間がございましたらお問い合わせの前にこちらをご一読いただけますと幸いです。Wood-Roots:blog。