javascript - Problem mit der Standardgröße des Ansichtsfensters auf Mobilgeräten?

Question

Der mobile Browser verfügt standardmäßig über ein Ansichtsfenster von 980 Pixeln. Wenn eine PC-Seite also 980 Pixel breit ist, wird sie mit 980 Pixeln gerendert und dann entsprechend einem bestimmten Verhältnis skaliert, damit sie angezeigt werden kann Wenn die Seite vollständig angezeigt wird und 1200 Pixel groß ist, liegen die zusätzlichen 220 Pixel nicht im Standardansichtsbereich von 980 Pixel. Wie wird dieser zusätzliche Teil gerendert? Wird es entsprechend dem tatsächlichen 1200 gerendert und dann auf den Handybildschirm skaliert? Oder nach 980px rendern?

Answer 1

viewport 可以配置，默认一般是 980px 而且不缩放，这时的 1200 会显示在屏幕外面，会把页面撑开，导致的结果就是下面出现滚动条（不同的手机处理的方式不同）。

如果给 viewport 指定了宽度，那么 1200px 会进行缩放以适应宽度。