我为自己经营一个很小的网站。它主要是一个爱好网站。它使用WP 6.1和DIVI作为主题。
在最近的一篇文章（you can see here）中，我有一个作者想在一些照片下添加标题。我试着把照片放在DIV中，并在DIV上使用浮动。它主要起作用。
问题是这样的：在移动设备视图中（iphone的纵向或横向），一些照片向右扩展超出了视口，而一张照片，顶部的小狗照片，则向左部分超出了视口。
我离我想要的很近了：能够嵌入一个图片与标题，然后对齐两者的地方，我想要的（通常只是把style ="align：left;"在IMG标签上。
不管怎么说，这让我有点抓狂。问题是，在iphone11的Firefox响应视图中，有些照片看起来很合适，有些则不合适。但在真正的iphone14上，大多数照片都超出了实际的视口。
所以我想我错过了一些东西，可以告诉我的代码的图像部分相应地收缩，但它并没有真正完全工作。
我想可能是边际：汽车零件。但是我不知道怎么修。
有谁能提供一些想法吗？这里有一小段DIV，它包含了图片，但是你也可以访问链接，看到源代码。

<div style="margin: 0px auto; width: 600px; padding: 15px; border: 1px solid black; text-align: center;"><img src="https://crazydogliving.com/wp-content/uploads/2023/01/Delilah_collage_1.jpg" /><strong>
First Christmas one year later. Nap time!</strong></div>

我真的很感激。
我期待移动设备上包含照片和标题的子DIV中的图像能够相应地缩放并适合移动设备上的视口。