大家。我正在编写一个网站并在移动设备上测试它。它部署在这里:http://vizio.distro.tv/web.html
当我将手机旋转到水平位置时，有时视频会变得比屏幕大，我必须用手指放大才能适合屏幕。然后，当我将手机旋转到垂直位置时，视频不会返回到播放器容器中的原始位置，它会更大并超出屏幕。对于“直播 channel ”视频，此问题更为常见。然而，当我在 Chrome 的开发者工具(使用其移动设备工具)上测试它时，一切正常。
谁能帮我找出问题所在吗？如果需要的话我可以提供代码。
最佳答案
将您的视频播放器包装成 <div></div>
您可以使用 CSS 的媒体查询来为您完成这项工作。
CSS 主要负责网页响应能力。
媒体查询也与此元标记配合使用
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
关于html - 在手机上旋转时视频播放器不会调整大小，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/58223883/