响应式网页设计 - 视频
使用 width 属性
如果将 width
属性设置为 100%,视频播放器将具有响应性,并根据需要进行缩放
请注意,在上面的示例中,视频播放器可以被放大到超过其原始大小。在许多情况下,更好的解决方案是使用 max-width
属性。
使用 max-width 属性
如果将 max-width
属性设置为 100%,视频播放器会在需要时缩小,但永远不会放大到超过其原始大小
在示例网页中添加视频
我们要在示例网页中添加一个视频。视频将被调整大小,始终占用所有可用空间