ICOが大きすぎます。修復方法

zengyunsi · 2022 年 7 月 3 日午後 9:25

修理方法を教えてください

Johani · 2022 年 7 月 3 日午後 9:49

Metaへようこそ @zengyunsi

お話しいただいた問題は再現できませんでした。こちらが確認できた内容です。

お見受けになっているのは、こちらに関連していると思われます。

github.com/discourse/discourse

app/assets/javascripts/discourse/app/initializers/image-aspect-ratio.js

8a9c64402


      
          const declaredWidth = parseFloat(img.getAttribute("width"));
          
          if (
            isNaN(declaredHeight) ||
            isNaN(declaredWidth) ||
            img.style.aspectRatio
          ) {
            return;
          }
          
          if (supportsAspectRatio) {
            img.style.setProperty(
              "aspect-ratio",
              `${declaredWidth} / ${declaredHeight}`
            );
          } else {
            // For older browsers (e.g. iOS < 15), we need to apply the aspect ratio manually.
            // It's not perfect, because it won't recompute on browser resize.
            // This property is consumed in `topic-post.scss` for responsive images only.
            // It's a no-op for non-responsive images.
            const calculatedHeight =

フォールバックの--calculated-heightは、aspect-ratio CSSプロパティをサポートしていないブラウザの場合にのみ有効になります。Discourseが公式にサポートしているすべてのブラウザは、このプロパティをサポートしています。

どちらのブラウザでこれを確認されたか教えていただけますでしょうか？

zengyunsi · 2022 年 7 月 4 日午前 7:16

こんにちは、Johaniさん。中国国内でいくつかの中国製ブラウザを試しましたが、この問題が発生しました。GoogleとEdgeでテストしたところ、正常でした。どうもありがとうございます！

トピック		返信	表示
Discourse get started screen is too big Bug	9	879	2022 年 8 月 29 日
Onebox image aspect ratio squashing images Support	5	378	2023 年 4 月 24 日
`min ratio to crop` site setting should respect w/h ratio as defined in markdown Feature	23	3258	2020 年 3 月 30 日
Onebox images with bad aspect when oEmbed specifies dimentions for rich HTML embeds Bug onebox	12	543	2025 年 7 月 8 日
Emoji issue when rendering on webkit - Issue with how HTML is rendered UX	4	1037	2023 年 3 月 14 日

ICOが大きすぎます。修復方法

関連トピック