Javascript DIV不使用不同的分辨率

这可能已经得到了回答，我的搜索并没有给我带来任何答案，所以如果已经有一条线索可以帮助我，我提前道歉

我意识到页面看起来不稳定，在我自己的电脑上看起来要好得多。当涉及到不同的分辨率时，我真的遇到了导航栏不以幻灯片为中心的问题

HTML:

谢谢大家!

Hy-Harin

如果我没弄错的话，这都是关于导航中心的问题？ 然后试试这些：

.navbar {
    margin: 10px auto;
    width: 800px;
}

设置导航栏UL的固定值。然后设置边距：0自动。这意味着顶部和底部为0边距，左侧和右侧为自动边距=它将居中。 如果屏幕宽度小于800px；，则无法正常工作）

将此添加到您的包裹id

并删除您的.navbar代码。粘贴这个

.navbar { display: inline-block; }

---

是的，确实如此；）只需将我的css属性添加到小提琴的末尾，然后重试。预览窗口的宽度必须大于800px！否则，导航栏li项将打断多行，无法工作。请注意，这是响应性的layoutHey Isaac，感谢您的帮助！这在以前是可行的，但后来我在导航栏上添加了更多链接，现在导航栏中断并创建了两行。我的代码与上面的99%相同，只是多了几个导航链接。你认为你能帮忙吗？没错。当屏幕大小为手机大小或平板电脑大小时，可以使用下拉菜单。

.navbar {
    margin: 10px auto;
    width: 800px;
}

#wrap { text-align: center; }

.navbar { display: inline-block; }