网页图片一多就因为大量懒加载图片逐渐加载调整导致网页跳跳闪闪 设置固定高宽能避免这种情况但是会失去自响应大小( width:100% height:auto) 找到了设置高 0 padding 按宽比例但这样不显示图片 设置比例 vh 会完全固定高度 不会随着缩放变化 请问还有没有什么方法
1
sayonara7 2023-07-24 18:01:47 +08:00 via iPhone 1
CSS aspect-ratio
|
2
brader 2023-07-24 18:01:56 +08:00
要不让后端和你一起配合?在文件名上做文章来传递信息,比如后端存储图片,保存名字为 xxx_400_200 ,反正只要你们之间约定好一个格式就行了,这样你就能知道每一个图片 URL 对应的宽高
|
3
old9 2023-07-24 18:03:42 +08:00 via Android
如果图片比例稳定,试试 aspect -ratio
|
4
jlak OP |
6
zyy314680012 2023-07-24 18:18:03 +08:00 via Android
隱約記得當年瀑布流剛開始流行的時候就是存儲了圖片的實際尺寸 然後前端根據尺寸來計算放什麼位置
|
7
Rache1 2023-07-24 18:18:53 +08:00
aspect-ratio 的兼容性还很差,
可以参考这一下实现,兼容性很强了 Aspect Ratio Boxes | CSS-Tricks - CSS-Tricks https://css-tricks.com/aspect-ratio-boxes/#aa-using-custom-properties |