我正在创建一个布局灵活的网站。我有一个背景视频，我想将其设置为 100% 宽度或 100% 高度。我只希望在任何给定情况下使用宽度或高度，并且我希望浏览器选择两个维度中的任何一个会使视频最大。我不能使用min-height和min-width，因为视频明显大于屏幕尺寸，所以我必须设置一个实际宽度和实际高度，但我希望浏览器在使用宽度或高度之间切换取决于屏幕的纵横比。
有谁知道如何做到这一点？理想情况下，解决方案将只使用 CSS 和 HTML，但如果这只能用 JavaScript 完成，我愿意接受任何建议!提前致谢!
最佳答案
添加一个名称为视口(viewport)的元标记，然后在 css 中设置位置属性可能会满足您的需要。
关于html - 如何设置元素的宽度和高度，但只根据屏幕尺寸使用较大者？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51200682/