Skip to content

Gallery Display Issue #6

@ann61c

Description

@ann61c

Problem
最近从Firefox转到Chromium系浏览器,发现文章内容里如果出现相册,在Chromium系浏览器里,图片会以错误的ratio展示,截图如下:

Image Image

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修,或者烦请开发者修复。谢谢!

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions