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

Question

我有width : 100%的背景图片及其中的一些输入，这是一个例子：

此时一切正常，但当我想调整网站大小时，输入会将其方向更改为＆lt;＆lt;＆lt;和背景留在中间是一个例子：

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

Answer 1

您是否尝试过百分比定位？例如

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

Answer 2

给出背景位置：中心

.box {    background-image：url（image-path）;    背景位置：中心 }