Open Raclamusi opened 9 months ago
インラインコードブロックの中では改行されず、長いインラインコードブロックは、特にスマートフォンなど横幅の小さい環境で画面からはみ出して一部読めなくなっています。
インラインコードブロック内の改行を許可することで解決できます。 例えば、以下のスタイルを追加する方法があります。
/* css/kunai/site/article.css */ div[itemtype="http://schema.org/Article"] { :not(pre)>code { display: inline-table; white-space: pre-wrap; } }
ありがとうございます!Pull Requestいただけたらマージ・デプロイします!
デプロイ完了しました。 私のiPhoneでは修正を確認できましたが、 @Raclamusi さんにもご確認いただければと思います。
私の Android 実機の Chrome でも確認できました。
インラインコードブロックの中では改行されず、長いインラインコードブロックは、特にスマートフォンなど横幅の小さい環境で画面からはみ出して一部読めなくなっています。
修正案
インラインコードブロック内の改行を許可することで解決できます。 例えば、以下のスタイルを追加する方法があります。