前一天似乎很简单，但我无法弄清楚：
如何将图像置于页面中心，为其提供固定％边距（所有边均为10％）并且仍然可以在调整大小时使用窗口进行缩放？
非常重要的是，页面和图像在所有平台上都能很好地显示，没有滚动条（！）。 页面本身非常简单，只包含图像（在页面的不同版本上有不同的尺寸），顶部有一个栏，可以将链接发送到另一页。
图像的最大尺寸为1500x1000像素，没有最小尺寸。
我衷心希望有人可以帮助我解决这个问题，非常感谢！
答案 0 :(得分：0)
最好的方法是使用JavaScript。获取窗口大小，订阅window.onresize事件并相应地更新图像大小和位置。
仅使用CSS不起作用，因为任何位置属性都取决于容器。在您的情况下，容器是窗口，它将根据内容自行调整大小。这会产生一种循环依赖关系（窗口大小取决于图像，图像大小和位置取决于窗口大小）。
有关以跨浏览器方式获取确切可用窗口大小的信息，您可以查看此帖子：Get the size of the screen, current web page and browser window - 暂时没有为您提供确切的代码。
另请注意，您没有提及保持图像的宽高比。如果不应该维护它，则无法仅使用HTML / CSS，因为所有操作都会保持图像的AR。