css calc 百分比 |css 动画 平滑

/* 将元素宽度设为屏幕宽度的50% */
width: 50%;
/* 将元素宽度设为屏幕宽度减去100像素 */
width: calc(100% - 100px);
/* 将元素宽度设为屏幕宽度的2倍减去100像素 */
width: calc(200% - 100px);
/* 将元素宽度设为屏幕宽度的70% */
width: calc(70%);
/* 将元素高度设为屏幕高度的一半 */
height: calc(50vh);
/* 将元素高度设为内容区高度的一半 */
height: calc(50% - 50px);

通过calc()函数，大家可以将元素的尺寸计算得更加灵活，为响应式设计提供了更多可能性。