我需要在我的网站上使用横幅来根据网站正在查看的屏幕尺寸（包括移动设备）进行居中和调整大小。我需要它居中，因为在div的实际中心位于屏幕的中心，即使div本身比它正在被观看的屏幕宽 - 所以它的左右两侧（/包含在里面的图像） ）在屏幕外被裁剪/隐藏。
这是一个当前横幅的页面：http://keshiheads.co.uk/test
全尺寸的横幅图片供参考：http://keshiheads.co.uk/Background.png
<head>
<meta name="viewport" content="width=100%, initial-scale=1, user-scalable=yes">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body style="overflow-x:hidden;">
<div style="position:absolute;top:0;">
<div style="position:absolute;top:0;left:0;"><img src="Background.png" style="height:140px;"/></div>
如果您使用bootstrap，您可以将横幅放在一个“容器”类中，该类将使您的横幅居中，然后您可以使用css截止点使其响应。