Image 使用TinyMCE作为博客编辑器时的响应图像

早上好

我想帮助TinyMCE编辑器，我正试图整合到我的博客

[我想提醒你，我是个初学者]

我遇到的问题是，在手机上浏览博客时，图像与屏幕不匹配，破坏了浏览效果

对问题的看法-

底部是灰色的页面边框

在寻找解决方案的过程中，我发现了这个问题（但正如你所看到的，它并没有解决问题）

在tinymce.init中：

image_dimensions: false,
  image_class_list: [
        {title: 'Responsive', value: 'img-responsive'}
    ]

---

有人能帮我吗？

看起来这是你的第一篇帖子？欢迎光临

我的假设是，

img responsive

CSS类在您的站点上没有正确设置。您可能需要在站点上设置类，类似于：

.img-responsive {
  width: 100%;
}

请以此为例。您可以在CSS中更改

小元素

的宽度，图像将响应

---

---

或者，当您在TinyMCE中插入图像时，您可以将图像宽度指定为

100%

我试图调整img响应属性，但我有一个引导主题，我不确定它在哪里调整这些属性。 在对文档进行更谨慎的审查后，我能够“解决”这个问题，如下所示：

在tinymce.init（{

这为要应用的格式创建了一个选项

这样，当我在移动设备上观看时，我就能够在不破坏页面布局的情况下获得响应迅速的图像。

---

感谢所有能够提供帮助的人。

在提供示例时，最好提供指向该页面的链接，以便社区可以查看解决方案并提供更准确的答案。如果您无法提供指向该页面的链接，请使用Codepen（）或Tiny的TinyMCE Fiddle工具（）等解决方案是共享实现的好方法。感谢您提供的提示。我将在下次需要时使用它。感谢您的帮助！我在下面发布了我目前如何解决此问题的方法…欢迎您提供任何建议。

style_formats: [
      {title: 'Imagem responsiva', selector: 'img', styles: {
          'width' : '100%',
          'height': '100%'
      }
    }
  ]