旋转移动设备时，在获取用户媒体时交换宽度和高度 Api JavaScript

When mobile is rotated, width and height are swapped in get User Media Api JavaScript

我正在使用相机 git getUserMedia()，但我遇到了一个大问题，因为我只是将视频和高度设置为 1280 和 720：

  videoConstraints.width = { min: 1280, ideal: 1280, max: 1280};
  videoConstraints.height = { min: 720, ideal: 720, max: 720};

它在电脑上运行完美，在 phone 上也是如此，但在移动设备上宽度和高度互换，我必须在横向模式下使用移动设备，在纵向模式下高度为 1280 并且宽度720，横向时高度为720，宽度为1280（如我所愿），所以我一直在寻找这方面的信息，但我真的没有找到真正的解决方案。

获取用户媒体的参考API： https://developer.mozilla.org/es/docs/Web/API/MediaDevices/getUserMedia

参考视频限制：https://developer.mozilla.org/en-US/docs/Web/API/MediaStreamConstraints/video

不是通过图像标签中的 HTML 属性分配绝对宽度值，而是分配以图像为目标的 CSS 规则最大宽度作为相对宽度值的百分比，例如这个：img {max-width:100%}

试试看会发生什么。

所以，面对这个问题我没有发现问题，我所做的是使用媒体查询为样式移动制作自定义样式。

也没找到答案。 已讨论 : and here