Html 无论屏幕大小如何，如何将DOM元素定位在完全相同的位置？

我试图添加一些应该始终处于相同位置的输入框，但当我在macbook中查看网页时，输入框的位置与使用更大的显示器查看时的位置不同。解决这个问题的最佳方法是什么？下面是我或多或少要做的事情

<input name="arrive" type="date" placeholder="Arrival date:">

input[name="arrive"] {
    position: absolute;
    width: 16.9em;
    top: 18vw;
    left: 15vw;
}

输入[name=“到达”]{
位置：绝对位置；
宽度：16.9em；
top:18vw；
左：15vw；
}

视口宽度（vw）单位基于视口的宽度。您需要以像素为单位指定位置，而不是以vw为单位：

<input name="arrive" type="date" placeholder="Arrival date:">

// 180 and 150 are your values in pixels (you need to replace them 
// with what you need)
input[name="arrive"] {
    position: absolute;
    width: 16.9em;
    top: 180px;
    left: 150px;
}

//180和150是以像素为单位的值（您需要替换它们）
//带上你需要的东西）
输入[name=“到达”]{
位置：绝对位置；
宽度：16.9em；
顶部：180像素；
左：150px；
}

vw

表示视口的宽度。如果视口宽度为1920px，则

顶部现在为0.18*1920px=345.6px；如果它是720px，它会变成129.6px

我也不确定您的问题，但通常在设置
top
时，您会使用
vh
（视口高度）

尝试使用像素来设置位置。e、 g.
top:120px
如何设置像素值（
top:200px
例如）而不是使用vw。。。或者您可以在
top
上使用
vh
而不是
vw
，因此设备之间的差异较小。您好，感谢您的回复！我的问题是，如果我在查看网页时使用vw、em、px，则输入标签的位置与从显示器查看时的位置不同，我希望所有不同屏幕尺寸的输入标签的位置相同。我在此处使用px绝对定位输入，更改屏幕宽度/高度后，输入处于相同位置。也许您所说的输入框应该始终位于同一位置的
的意思有所不同。请详细说明。