【发布时间】:2023-03-24 04:20:02
【问题描述】:
在这个网站上工作:http://tinyurl.com/nutvfvb
只是想知道如何让移动导航居中。我不得不将桌面上的菜单移动几个像素,但在我的 iPhone 和 iPad 上看起来很有趣。关于如何通过 CSS 调整它的任何想法?
【问题讨论】:
-
您是否使用了媒体宽度来适应不同的屏幕尺寸
-
在我看来好像没有媒体宽度。只是最大宽度。
在这个网站上工作:http://tinyurl.com/nutvfvb
只是想知道如何让移动导航居中。我不得不将桌面上的菜单移动几个像素,但在我的 iPhone 和 iPad 上看起来很有趣。关于如何通过 CSS 调整它的任何想法?
【问题讨论】:
试试这个
@media only screen and (max-width:960px){
.navigation-wrapper{margin-left:0px;}
}
这将确保在桌面大小下它使您的导航栏看起来相同,但是一旦您下拉到较低的屏幕分辨率,它将删除该 -margin 并允许您的 margin:0 auto 重新启动并使元素居中
【讨论】: