文章/答案/技术大牛

发布

社区首页 >问答首页 >不使用IMG标签大小

问不使用IMG标签大小
EN

Stack Overflow用户

提问于 2020-08-07 07:25:18

回答 1查看 46关注 0票数 0

好吧，我错过了什么.

我试图获得一个图像标签，从250 on宽的“小”图像开始，然后让浏览器根据srcset & sizes属性选择最合适的图像-所以，您知道，“正常”。

发生了什么

src是唯一使用的东西。无论它设置为superawesomeimagename 250.jpg还是superawesomeimagename 1000.jpg，它都不会更改/加载不同的映像。

HTML标记本身

<img
    class="img-left"
    data-sizes="250,500,750,1000,1250"
    style="width:869px;max-height:580px;"
    sizes="(min-width: 869px) 72vw, 100vw"
    srcset="
        /img/superawesomeimagename 250.jpg 250w, 
        /img/superawesomeimagename 500.jpg 500w, 
        /img/superawesomeimagename 750.jpg 750w, 
        /img/superawesomeimagename 1000.jpg 1000w, 
        /img/superawesomeimagename 1250.jpg 1250w
    " 
    src="/img/superawesomeimagename_250.jpg" 
    alt="Image Alt Description"
>

(为方便您而格式化)

我试过了

worked)

moving

把src放在第一位(我不认为这会有什么区别，但是没有其他东西会把TinyMCE设置的宽度/高度的吸引力加到src styles entirely

removing sizes (为什么不)中)

额外信息

data-sizes只是为了一些我正在/正在计划的
，这并不重要，但它都在一行
上，869 in和72vw是基于他们在TinyMCE中的设计视图而公式化的&预期在完全宽度的管理视图。

。

有人有洞察力吗？谢谢！)

html

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-08-10 05:52:20

因此，它不起作用的原因是我的测试用例的名称中有一个未URL编码的空间。空格表示文件名与大小之间的差距。

HTML验证挽救了生命。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/63297116

复制

相似问题

问不使用IMG标签大小
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问不使用IMG标签大小EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问不使用IMG标签大小
EN