同样的布局效果,在2017年、2021年和2023年有着不同的实现,代码愈发的简洁高效,一起来看看CSS的发展对Web开发的帮助吧。
阅读全文…
标签:@container, aspect-ratio, cqw, flex布局, float, padding, 布局 发布在 CSS相关 | 12 条评论 »
aspect-ratio让元素保持固定的高宽比例,很实用,本文会详细介绍该属性在各种场景下的尺寸表现,相信会对您的学习有所帮助的。
标签:aspect-ratio, height, max-height, max-width, min-height, min-width, width, 比例 发布在 CSS相关 | 6 条评论 »
对于绝大多数都布局,我们并不要求非要比例固定,但是有一种情况例外,那就是图片,因为图片原始尺寸它是固定的。在传统的固定宽度的布局下,我们会通过给图片设定具体的宽度和高度值,来保证我们的图片占据区域稳固;但是在移动端或者在响应式开发情况下,图片最终展现的宽度很可能是不确定的……
标签:aspect-ratio, css相关, padding, vw, 图片, 宽度自适应, 比例, 百分比, 自适应布局 发布在 CSS相关 | 52 条评论 »
张鑫旭more,09年华中科技大学毕业,现上海,就职于阅文集团,专注web前端偏前领域,著有《CSS世界》《CSS选择器世界》《CSS新世界》《HTML并不简单》
邮箱:zhangxinxu@zhangxinxu.com
关注我:微信微博掘金知乎抖音热更B站Gitee