html代码中的也有图片代码，如何改变这些图片的大小？

我用的是PHP后台和前台，在电脑端html代码中这些问题不大可以显示，但到手机上就会有显示的图片比较大的问题，有没有办法可以修改html代码中的图片宽度或大小的这样的功能？
最终实现的效果：
1.在手机端宽度等于手机屏幕的宽度（锁定纵横比，高度自动）；
2.同时在电脑端也可以显示正常，比如图片原始大小宽600px高500px；
3.以下代码是存入数据库字段里的内容，所以实现时最好能自动处理代码中的图片部分，其他代码不处理。

代码如下（省略部分）：

<p style="text-align:center;">
    <img src="/html/uploads/image/20211018/1634561786.jpg" alt="" /> 
</p>
<p>
    <br />
</p>
<div style="text-align:left;">
        所以，在这个秋天，我们约你一起去星巴克~
</div>
............
```html

```

<p style="text-align:center;">
    <img src="/html/uploads/image/20211018/1634561786.jpg" alt=""  style="width:100vw;max-width:600px"/> 
</p>
<p>
    <br />
</p>
<div style="text-align:left;">
        所以，在这个秋天，我们约你一起去星巴克~
</div>

• 在手机端宽度等于手机屏幕的宽度（锁定纵横比，高度自动）；
  • 这个用width:100vw可以搞定
• 同时在电脑端也可以显示正常，比如图片原始大小宽600px高500px；
  • 这个用max-width:600px可以搞定

给html包一个div，如：

<div class="html-content">
    <p style="text-align:center;">
        <img src="/html/uploads/image/20211018/1634561786.jpg" alt="" />
    </p>
    <p>
        <br />
    </p>
    <div style="text-align:left;">
        所以，在这个秋天，我们约你一起去星巴克~
    </div>
</div>

然后分别写css

/* 手机 */
.html-content img {max-width:100%}
/* PC */
.html-content img {max-width:600px}