[英]How do I get all of my divs to shrink in height as the width of the viewport changes?
您使用基于百分比的 CSS。 对于主图像，他们使用以下标签将背景缩放到浏览器视口：
background-size: 100% auto;
100% 意味着元素的内容区域将完全等于其父元素的显式宽度，前提是其父元素具有显式宽度。
您可以使用vh和vw单位来实现这一点。 'vw' 是视口宽度，'vh' 代表视口高度。
如果您提供height:50vw ，则 div 的高度将与视口宽度成正比。
3 DIV相同的高度。 用窗户收缩最左边的宽度和所有高度
[英]3 DIVs same height. Shrink leftmost width and all heights with window
如何在JavaScript中获取浏览器视口的宽度和高度并将其应用于CSS ID？
[英]How Do I Get Browser Viewport Width & Height In Javascript And Apply To CSS ID's?
如何在视口宽度减小的情况下将 a 从最大高度缩小到最小高度？
[英]How to shrink a from a max-height to a min-height over the size decrease of the viewport width?
如何通过视口width = device-width来获取用于加载清晰图像但正确设置字体/ div大小的设备分辨率？
[英]How get device resolution for loading sharp images but size fonts/divs properly with viewport width=device-width?
当视口/引导程序导航栏发生变化时，如何调整 Leaflet map 的大小？
[英]How do I resize my Leaflet map when the viewport/ bootrap navbar changes?
当视口改变时，如何动态更新画布尺寸（实际像素）？
[英]How do I dynamically update my canvas size (real pixels) when the viewport changes?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.