如何设置元素的宽度和高度，但只能根据屏幕大小选择较大的元素？
如何设置元素的宽度和高度，但只能根据屏幕大小选择较大的元素？
提问于 2018-07-06 06:26:28
我正在创建一个具有灵活布局的网站。我有一个背景视频，我想让它有100%的宽度或100%的高度。我只想在任何给定的情况下使用宽度或高度，我希望浏览器选择两个维度中的哪一个会使视频变得最大。我不能使用min-height和min- width，因为视频明显大于屏幕的大小，所以我必须设置实际的宽度和实际高度，但我希望浏览器根据屏幕的纵横比在使用宽度或高度之间切换。
有谁知道这是怎么做到的吗？理想情况下，解决方案应该只使用CSS和HTML，但如果只能使用JavaScript，我愿意接受任何建议！提前感谢！
回答 2
Stack Overflow用户
发布于 2018-07-06 07:08:15
添加一个以viewport作为其名称的meta标记，然后在css中设置position属性，这可能会满足您的需要。
Stack Overflow用户
发布于 2018-07-06 07:14:27
将最小宽度/高度与视口宽度/高度组合：
CSS：
#backgroundVideo{
min-height : 100vw; /* the height will always be at least as great as the viewport width */
min-width : 100vh; /* the width will always be at least as great as the viewport height */
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51200682
复制相关文章
相似问题
腾讯云开发者
