为什么我的网站在Safari上向左移动?
你可以在这里访问我的网站
当我添加此 CSS 样式时会发生这种情况:
.container {
margin-inline: auto;
width: min(90%, 70.5rem);
}
我添加这个容器的原因是当有人在非常大的屏幕上打开网站时,限制我的内容扩展。这适用于其他浏览器。任何帮助将不胜感激,谢谢。
回答
MDN Web Docs:margin-inline CSS 速记属性是一个速记属性,它定义了元素的逻辑内联开始和结束页边距,根据元素的书写模式、方向性和文本方向映射到物理页边距。
根据 MDN 网络文档,Safari 不支持内联边距。
尝试使用 margin: 0 auto
有关更多信息,您可以访问:https : //developer.mozilla.org/en-US/docs/Web/CSS/margin-inline