根据窗口宽度缩放侧边栏

Question

我有一个侧边栏，当窗口宽度为620px时，我希望宽度为200px，当窗口宽度为938px时，宽度为240px。窗口始终在620和938px之间。我希望侧边栏根据窗口宽度在200-240px之间缩放。我有一个JavaScript解决方案，可以在每次调整窗口大小时设置侧边栏宽度，但我想知道是否有某种方法可以使用CSS或SCSS。有任何想法吗？

Answer 1

以vw为单位定义侧边栏的所有长度，因此它将随窗口缩放。

所以而不是

aside { width: 200px; }

你会有

aside { width: 32vw; max-width:240px; }

这会在~200px窗口显示620px，在较大的窗口显示200..240。