Warum die mobile Ansicht nicht mit der Desktopansicht übereinstimmt?

Question

Ich habe ein HTML-Dokument, lassen Sie sagen:

<p> 
 
    lorem ipsum 
 
</p>

In meinem Computer sieht es wie folgt aus:

Aber von einem mobilen seine:

Wenn Sie auf das Bild klicken s Sie werden sehen, dass es in der mobilen Ansicht reduziert aussieht. Ich benutze die chrome-dev-tools, um eine mobile Ansicht zu simulieren (aber in meinem Handy ist das selbe) und inspiziere das Element Ich sehe, dass der html Inhalt 980 X 1742 px hat, wenn er 360 X 640 px haben soll.

Das ist von meinem Computer mit Chrome-Dev-Tools. Kann mir jemand sagen, wie ich das beheben kann, oder zumindest was mache ich falsch? Oder so soll es von einem Handy sein?

Answer 1

<meta name="viewport" content="width=device-width, user-scalable=no"> 

Versuchen Sie, dies hinzuzufügen.