真正使浮动图像居中

Question

基本上我创建了一个网站，图片浮动到右边。

像这样：

一切都很干净，只有在调整大小/缩放时才会出现问题。

我已根据标准对我的网站进行了建模，但我没有任何重叠元素或类似的任何内容。

基本上我只是将我的主要内容设置为margin: auto; max-width: 85%;以生成在课堂中间显示的页面内容，而其他所有内容都以100％宽度显示。

一切都按预期工作，即使是平板电脑尺寸，例如

一切都在中间很好地居中，而网站的其余部分延伸到边缘。

但是，现在，当我开始超出网站/图片的宽度限制时，会出现问题。

基本上，

由于我的内容宽度设置为85％，因此图片开始压缩到我网站的左侧，以维持正确网站的中心位置

下图：

所以我问，是否有任何好方法可以防止这种情况发生？

我认为解决方案将使用@media端口并调整图像大小，或者？