使用 CSS Clamp 创建更灵活的包装实用程序
我喜欢Andy 的想法
.wrapper {
width: clamp(16rem, 90vw, 70rem);
margin-left: auto;
margin-right: auto;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
通常我会在那里设置一个max-width
,但正如 Andy 所说
…这在中等大小的视口中会成为一个轻微的问题,例如
我喜欢Andy 的想法
.wrapper {
width: clamp(16rem, 90vw, 70rem);
margin-left: auto;
margin-right: auto;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
通常我会在那里设置一个max-width
,但正如 Andy 所说
…这在中等大小的视口中会成为一个轻微的问题,例如