CSS宽高比100vw或100vh取决于窗口大小

是指使用CSS中的vw（视窗宽度单位）或vh（视窗高度单位）来设置元素的宽高比例，其中1vw等于视窗宽度的1%，1vh等于视窗高度的1%。

这种技术可以用于响应式设计，使元素的宽高比例能够根据用户设备的窗口大小自动调整，以适应不同屏幕尺寸的设备。通过使用vw或vh单位，可以确保元素的宽高比例在不同设备上保持一致，从而提供更好的用户体验。

优势：

1. 响应式设计：使用vw或vh单位可以实现元素的宽高比例在不同设备上的自适应调整，提供更好的响应式设计效果。
2. 简化开发：通过设置vw或vh单位，可以简化开发过程中对不同设备尺寸的适配工作，减少代码量和维护成本。
3. 提高用户体验：元素的宽高比例能够根据用户设备的窗口大小自动调整，使内容在不同屏幕上展示更加合理和美观。

应用场景：

1. 响应式网页设计：在开发响应式网页时，可以使用vw或vh单位来设置元素的宽高比例，以适应不同设备的屏幕尺寸。
2. 视频播放器：在开发视频播放器时，可以使用vw或vh单位来设置视频容器的宽高比例，以确保视频在不同设备上的播放效果一致。

推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了丰富的云计算产品和服务，以下是一些与CSS宽高比相关的产品和服务：

1. 腾讯云CDN（内容分发网络）：提供全球加速、高可用、低时延的内容分发服务，可用于加速网页中的静态资源加载，提升用户访问体验。了解更多：https://cloud.tencent.com/product/cdn
2. 腾讯云云服务器（CVM）：提供弹性计算能力，可根据业务需求灵活调整服务器配置，满足不同规模和性能要求的应用场景。了解更多：https://cloud.tencent.com/product/cvm
3. 腾讯云云存储（COS）：提供安全、稳定、低成本的对象存储服务，可用于存储和管理网页中的静态资源文件。了解更多：https://cloud.tencent.com/product/cos

请注意，以上链接仅供参考，具体产品选择应根据实际需求进行评估和决策。