Html 根据当前窗口大小将图像垂直和水平居中

我已经阅读了与此相关的其他SO问题，但我无法找到我的问题的答案

我想在宽度和高度等于100%的

div中水平和垂直居中放置图像。换句话说，如果有人调整浏览器窗口的大小，则无论图像的当前大小如何，图像都应保持在窗口的中心

我试过做点什么，但做不到

我怎样才能让它工作？可能吗？有人能在JSFIDLE中展示一个操作示例吗？谢谢
 您是否尝试过这样的CSS：

background:url(your_image.jpg) no-repeat center center;

您是否尝试过这样的CSS：

background:url(your_image.jpg) no-repeat center center;

您可以使用position fixed，甚至不需要包装器div（如果愿意，您可以添加它）：

边距是图像大小的一半（您提到它是已知的）

这里有一个问题：
您可以使用positionfixed，甚至不需要包装器div（如果愿意，您可以将其添加进来）：

边距是图像大小的一半（您提到它是已知的）

问题是：
您知道图像的尺寸吗？是的，在JSFIDLE中，它是32 x 32。是否将其用作模板？你知道图像的尺寸吗？是的，在JSFIDLE中，它是32 x 32，使用它作为模板？你能在JSFIDLE中共享一个操作示例吗？是的，但我不知道窗口大小，你将其设置为100px而不是100%。@JVerstry是
div的大小与窗口大小的关系吗？你能在JSFIDLE中共享一个操作示例吗？是的，但我不知道窗口大小，您已将其设置为100px而不是100%..@JVerstry
div
的大小是否与窗口大小相关？