问题描述
移动端的项目在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);
效果如下