如何修改XLS表单内联HTML实现图片响应式？

针对你遇到的问题，直接设置width属性无效的情况下，可以利用ESRI允许的内联样式来实现图片的响应式效果，具体修改如下：

修改后的代码 #

<p>
  <span style="font-size:16px; color:rgb(50, 54, 58);">SOME TEXT</span>
</p>
<p>
  <span>
    <img alt="Info" src="myimage.jpg" style="max-width: 100%; height: auto;">
  </span>
</p>
<p>
  <span style="font-size:16px; color:rgb(50, 54, 58);">MORE TEXT</span>
</p>

关键说明 #

• max-width: 100%：强制图片的最大宽度不超过其父容器的宽度，当容器变窄（比如移动端视图）时，图片会自动缩小适配
• height: auto：保持图片的原始宽高比例，避免图片因宽度缩放而出现拉伸变形的问题

这个方案依赖ESRI允许的内联style属性（从你提供的标签列表来看，img标签支持style属性），是实现响应式图片的标准写法，能达成你想要的自适应展示效果。

内容的提问来源于stack exchange，提问作者Anna1