您可以使用CSS中的媒体查询来根据屏幕分辨率调整包装器的高度。以下是一个示例:
在这个示例中,.wrapper
是一个带有默认高度的包装器。使用 @media
媒体查询,您可以根据屏幕分辨率调整 .wrapper
的高度。
例如,当屏幕分辨率小于等于 768px 时,.wrapper
的高度将变为 150px。当屏幕分辨率小于等于 480px 时,.wrapper
的高度将变为 100px。
您可以根据自己的需求在 @media
查询中调整高度值。