モバイルデバイスに部門が正しく表示されない

Question

私のウェブサイトをモバイル対応にするのに問題があります。私はウェブデザインに新しいです。

投稿を作成できる新しいRailsアプリを作成しました。

私のデスクトップではポストはうまく見えますが、Googleのinspect要素ツールに入って仮想スマートフォン（iPhone 6など）で表示しようとすると、テキストは非常に小さく、ポストは、このポストは私のデスクトップ上にどのように見えるかです

---

正しく見えません。これは正しいです。

---

しかし、これは私が検査要素の上に表示したときの記事がどのように見えるかです。あなたが見ることができるように、投稿は100％の幅を持つと思われますが、テキストとアイコンはなぜそんなに小さいのですか？上記の写真のようには見えません。

私は、スマートフォン上で閲覧ポストを作るために何ができるのデスクトップ上で見る記事とまったく同じに見えますか？

ここに私の投稿で何をしようとしているのかの例があります。下の画像では、投稿のテキストサイズとコンテンツがモバイルビューで正しく表示されます。

Answer 1

つのオプション：ウェブサイトは、新しい「モバイル」の解像度、を調整しますので、あなたは仮想のモバイルビューを選択した後

1. 時々、Chromeはあなたがあなたのページを更新する必要がラグを持っています

2. モバイル支援のためのメタタグを使用してみてください：

   <meta name="viewport" content="width=device-width, initial-scale=1">