increments / qiita-discussions

Discussion of opinions and requests for qiita.com
https://qiita.com
84 stars 4 forks source link

リスト内に特定の書式でコードを書くと若干画面レイアウトが崩れる #110

Closed xrxoxcxox closed 2 years ago

xrxoxcxox commented 2 years ago

Discussed in https://github.com/increments/qiita-discussions/discussions/109

CSSを修正し、デバイス幅によらずはみ出ないように変更する

Originally posted by **ichii731** January 10, 2022 本当に些細なことをある記事を閲覧中に見つけましたので一応ですがDiscussionにて連絡させていただきます。 `- `で入力するリストの中に4スペースのインデントを手動で無理やり挿入して、コードを記述すると該当コードの左側に余白が出来てしまい、モバイルでの表示が若干おかしくなっているようです。 書き方に癖がありすぎるので、スマホで以下限定共有記事で観ていただければわかると思います。 https://qiita.com/ichii731/private/7774de1966aa927e0cc7 本当に変な書き方をしないといけないので、許容範囲内の例外として既に認識なさっているのでしたら申し訳ございませんm(_ _)m ちなみにGoogleのモバイルフレンドリーテストでも特段問題は起きていません。 ![image](https://user-images.githubusercontent.com/59349039/148738678-68fb04a3-0228-4c94-8ecb-3a866720bb9b.png)