Javascript 如何在手机上进行Wordpress图像缩放？

我的浏览器中有一些wordpress内容，当它在移动设备上时，文本可以很好地缩放，但图像根本无法缩放

网站外观示例：

在桌面上

在手机上

正如您所见，图像没有像文本那样正确缩放

这是我在Wordpress中插入文本和图像的方式：

<div style={{ width: '100%', overflowX: 'hidden', overflowY: 'scroll' }}>
<Segment basic>
  <Card
    style={{
      boxShadow: 'none',
      borderWidth: 0,
      paddingTop: '1em',
      margin: '0',
    }}
  >
    <Card.Content>
      <Image
        floated="left"
        size="large"
        avatar
        src={authors.filter(a => a.id === blog.author)[0].avatar_urls[48]}
      />
      <Card.Header>
        {authors.filter(a => a.id === blog.author)[0].name}
      </Card.Header>
      <Card.Meta>
        {new Date(blog.date).toLocaleDateString('en-US', options)}
      </Card.Meta>
    </Card.Content>
  </Card>

  <Header
    as="h1"
    content={title}
    style={{
      fontSize: '2.5em',
      textAlign: 'left',
      marginBottom: '1em',
      paddingLeft: '20px',
    }}
  />
  <Segment
    basic
    style={{
      paddingBottom: '3em',
      fontSize: '1.2em',
      width: '100%',
    }}
  >
    {ReactHtmlParser(content)}
  </Segment>
</Segment>

代码如下：

<div style={{ width: '100%', overflowX: 'hidden', overflowY: 'scroll' }}>
<Segment basic>
  <Card
    style={{
      boxShadow: 'none',
      borderWidth: 0,
      paddingTop: '1em',
      margin: '0',
    }}
  >
    <Card.Content>
      <Image
        floated="left"
        size="large"
        avatar
        src={authors.filter(a => a.id === blog.author)[0].avatar_urls[48]}
      />
      <Card.Header>
        {authors.filter(a => a.id === blog.author)[0].name}
      </Card.Header>
      <Card.Meta>
        {new Date(blog.date).toLocaleDateString('en-US', options)}
      </Card.Meta>
    </Card.Content>
  </Card>

  <Header
    as="h1"
    content={title}
    style={{
      fontSize: '2.5em',
      textAlign: 'left',
      marginBottom: '1em',
      paddingLeft: '20px',
    }}
  />
  <Segment
    basic
    style={{
      paddingBottom: '3em',
      fontSize: '1.2em',
      width: '100%',
    }}
  >
    {ReactHtmlParser(content)}
  </Segment>
</Segment>

a、 id===blog.author[0]。化身URL[48]}
/>
{authors.filter（a=>a.id==blog.author）[0].name}
{新日期（blog.Date）.toLocaleDateString（'en-US'，options）}
{reactHTMLPasser（内容）}

---

我怎样才能解决这个问题

如果看不到打印出来的HTML页面及其CSS，就很难说。但是，通过在图像的样式定义中添加

max width:100%

，可以解决大多数响应性图像大小调整问题。（我说“大多数”是因为它也可以放大图像，所以你不需要将它添加到每个img元素中！）谢谢你的帮助。我会试试看结果如何。