Skip to content

Gallery Display Issue #6

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

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

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