Python-MarkdownでHTMLに変換したコードがスマートフォンで表示した時に勝手に改行されてしまう問題を解決したい。

Question

DjangoでMarkdownで入力したテキストをテンプレートでHTMLに変換できるサンプルアプリを作成しました。
マークダウンからHTMLに変換する際のライブラリは以下のものを利用しています。

Python-Markdown

templatetagsにフィルタを自作し、テンプレートで文字を出力する際にHTMLに変換しています。

from django import template
from django.template.defaultfilters import stringfilter
import markdown

register = template.Library()

@register.filter
@stringfilter
    def markdown(value):
    return markdown.markdown(value)

テンプレート

{{ text | markdown | safe }}

例えば、以下のように文字列と入力したものをテンプレートでHTMLに変換し、出力したとします。

from django.views.generic import ListView, DetailView, CreateView, UpdateView, DeleteView, TemplateView

パソコンで見た時は正常に、画像のように横に長い時はスクロールも出来ます。

ところが、スマートフォンで見ると以下のように表示されてしまいます。

スマートフォンでも折り返さずに表示したいのですが、上手くいきません。
ちなみに、Googleの検証ツールを使うとスマートフォンでも正常に横スクロール表示ができるのですが、実機では正常に動作しません。

何かわかる方がいましたらアドバイス頂きたいです。
よろしくお願いします。

Comments

[m.ts10806]

＞Markdownで
どこの話ですか？
あと検証機能はあくまで仮のものなので、実機が正しいです。

[退会済みユーザー]

分かりにくくて申し訳ございません。
```
<meta name="viewport" content="width=device-width, initial-scale=1">
```

とした部分になります。

[maisumakun]

上のものを「マークダウンとして」書いた場合の話でしょうか？

[退会済みユーザー]

はい。説明が下手で申し訳ございません。

[maisumakun]

マークダウンの表示に使っているライブラリは何でしょうか？

[退会済みユーザー]

Python-Markdown
https://python-markdown.github.io/

というものになります。

[m.ts10806]

「どこの」というのは、今回の表示が出ているサービス、サイトなどの話であって、コードの話ではないです。
タグからしてPythonの雰囲気もないですし、質問内容整理して修正してください。

[退会済みユーザー]

分かりにくくて大変申し訳ございませんでした。
質問を修正致しましたので確認して頂けますと幸いです。

Answer 1

横スクロールできるようにしたらどうでしょうか。

bootsrtrap使えば簡単ですよ！
リンク内容