【问题标题】:Video not resizing on mobile视频无法在移动设备上调整大小
【发布时间】:2020-12-15 22:20:04
【问题描述】:

此站点上的视频:millenniumsanitizing.com 在桌面浏览器中显示良好。在移动设备上,它开始时很小。宽度是 100%,但高度不是。当您刷新时,视频会变成适当的大小。有没有人经历过这个?我需要在手机上进行设置吗? (在第一个屏幕截图的背景中,这是我放置的图像,以防视频没有从最终解决的先前问题中显示出来)

【问题讨论】:

    标签: html css mobile


    【解决方案1】:

    由于您想适应视频的高度,您应该将高度设置为 100%。这是因为使用width: 100%,您的视频将拉伸到全宽,而不是全高。

    现在,如果将高度和宽度都设置为 100%,它将不起作用。这是因为,视频将自身限制为容器的 100% 宽度。因此,在这种情况下,您应该只使用height: 100%

    【讨论】:

    • 有人帮助我提出了您刚刚提出的相同建议。谢谢,感谢您抽出宝贵时间。
    猜你喜欢
    • 1970-01-01
    • 2016-02-21
    • 1970-01-01
    • 2016-05-26
    • 2018-08-01
    • 1970-01-01
    • 2017-10-02
    • 2018-04-24
    • 1970-01-01
    相关资源
    最近更新 更多