不同的设备-文本和图像的不同位置

Question

因此，每当我在主计算机上检查该站点时，它似乎都可以正常工作，但是当我在笔记本电脑上查看该站点时，图像和文本就位于左侧。

一个玩家建议我用％而不是px的左边距，但这确实没有帮助。

.middletext div{
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    position: absolute;
    font: bold;
    font-size: 30px;    
    margin-bottom: 50px;
}
.middlelecture{
    margin-left: 32%;
}
.middlecaptivity{
    margin-left: 46%;
}
.middleprotest{
    margin-left: 62%;
}```