解决css页面放大后左端显示不全情况

1.第一种方法

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: 1300px;
}

margin: 0 auto;的作用是将元素水平居中，即使左右两侧的外边距均为零。这通常用于将具有固定宽度的块级元素水平居中，比如将容器居中显示在页面中。

需要注意的是，margin: 0 auto;只对具有固定宽度的块级元素有效，并且需要将父容器的宽度设置为明确的值。