html - 缩放屏幕时如何让输入不动

Question

我有一个背景图像width : 100%和一些输入，这是一个例子：

此时一切正常，但是当我想调整我的网站大小时，输入将其方向更改为 <<< 并且背景保持在中间这是一个示例：

我想要的方式是当访问者有一个小屏幕或更大的屏幕，或者他想放大屏幕时，输入留在他们的位置，当放大到 25% 时它们会变小，我希望有人能理解我，并帮助我卡住。

Answer 1

Have you tried with percentage positioning? For example

.box{
position:absolute;
left:50%;
top:50%;
width:400px;
height:400px;
margin-top:-200px;
margin-left:-200px;
}

Answer 2

给背景位置：中心中心

.box { 背景图像：url（图像路径）；背景位置：中心中心}