Image 水平居中图像&；垂直显示在页边距为%的页面上，并可通过窗口调整大小

就在一天前，它看起来很简单，但我无法理解：

如何在页面上居中放置图像，使其具有固定的%页边距（各边均为10%），并且在调整窗口大小时仍保持其比例

页面和图像在所有平台上都能很好地显示，没有滚动条（！），这一点非常重要。 页面本身非常简单，只包含图像（在页面的不同版本上，图像具有不同的维度）和顶部的一个带有链接的条，用于将图像发送到另一个页面

图像的最大大小为1500x1000px，没有最小大小

---

我衷心希望有人能帮我解决这个问题，非常感谢

最好的方法是使用JavaScript。获取窗口大小，订阅window.onresize事件，并相应地更新图像大小和位置

仅使用CSS将不起作用，因为任何位置属性都依赖于容器。在您的例子中，容器是窗口，它将根据内容调整自身大小。这创建了一种循环依赖关系（窗口大小取决于图像，图像大小和位置取决于窗口大小）

有关以跨浏览器方式获取确切可用窗口大小的信息，请查看此帖子：-有一段时间没有这样做以向您提供确切的代码

---

还要注意，您没有提到保持图像的纵横比。如果不需要维护，则无法仅使用HTML/CSS进行维护，因为使用它们的所有操作都会维护图像的AR。

谢谢Dimitar，非常酷，您的回答如此之快！但很显然，我不得不把网络编码留给专业人士，因为我似乎无法让它工作。我明天会雇一个人，看看他能不能帮我修一下。再次致以最良好的问候和感谢，杰