问题描述
移动端的项目在PC端打开后，对于带有固定定位的元素，宽度沾满的整个视窗的宽度。即使body，html限制了最大宽度
<body>
<div class="box"></div>
</body>
<style>
body{
max-width: 500px;
margin: 0;
background: #aaa;
height: 100vh;
}
.box{
width: 100%;
height: 300px;
background-color: #f00;
position: fixed;
}
</style>
解决办法
在body添加：transform: translate(0);
效果如下
