-
-
Notifications
You must be signed in to change notification settings - Fork 6
Open
Description
Problem
最近从Firefox转到Chromium系浏览器,发现文章内容里如果出现相册,在Chromium系浏览器里,图片会以错误的ratio展示,截图如下:
Browser
所用浏览器分别为:
Brave 1.84.135 (Official Build) (arm64)
Chromium: 142.0.7444.135
Firefox 145.0b5 (aarch64)
Analysis
经分析HTML结构,发现是 sizes 的问题:
<img
loading="lazy"
decoding="async"
width="1200"
height="900"
src="https://static.lyc.sh/2024/12/IMG_9435-1200x900.jpg"
class="attachment-post-thumbnail size-post-thumbnail"
alt=""
aria-describedby="gallery-8-1604"
srcset="
https://static.lyc.sh/2024/12/IMG_9435-300x225.jpg 300w,
https://static.lyc.sh/2024/12/IMG_9435-1024x768.jpg 1024w,
https://static.lyc.sh/2024/12/IMG_9435-768x576.jpg 768w,
https://static.lyc.sh/2024/12/IMG_9435-1536x1152.jpg 1536w,
https://static.lyc.sh/2024/12/IMG_9435-2048x1536.jpg 2048w
"
sizes="auto, (max-width: 1200px) 100vw, 1200px"
/>Fix
把 sizes="auto, (max-width: 1200px) 100vw, 1200px" 改为 sizes="(max-width: 1200px) 100vw, 1200px" 即可修复。
请开发者确认此问题是否存在。如果存在,我可以提一个PR修,或者烦请开发者修复。谢谢!
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
No labels