在横向/纵向视图之间切换时，移动设备上的视口宽度不会改变 - 为什么？答案

【问题标题】：Viewport width does not change on mobile devices while switching between landscape/portrait view - why?在横向/纵向视图之间切换时，移动设备上的视口宽度不会改变 - 为什么？
【发布时间】：2016-08-10 09:32:52
【问题描述】：

我注意到，在横向/纵向视图之间切换时，移动设备上的视口宽度不会改变（在 PC 显示器上情况并非如此）。我在这里创建了一些小测试 hmtl 文件： http://dev.gmr-foto.at/mytest3.html 它使用 jQuery 显示视口的高度和宽度。只需在移动设备（智能手机或平板电脑）上打开它，然后在横向和纵向视图之间移动。我本来希望高度和宽度只是交换（当然在浏览器的全屏视图中）。但是宽度保持不变，只是高度发生了变化。有谁知道这种行为的原因？

亲切的问候，杰拉德

【问题讨论】：

标签： jquery html viewport landscape portrait

【解决方案1】：

将元视口标签添加到头部<meta name="viewport" content="width=device-width, initial-scale=1.0">

【讨论】：

太棒了 - 现在即使在移动设备上的非全屏视图中也能正常工作。 非常感谢！