html - 如何让我的导航在不同的屏幕尺寸上显示完整？

Question

作为一名前端开发人员，我刚刚起步，我注意到有很多东西需要学习。其中一个关键是我的屏幕目前是 13 英寸长，所以当我设计它时它看起来很完美但是当我使用更大的尺寸时，比如 24 或更大，菜单选项看起来更靠左而不是居中或他们在我的屏幕尺寸上的样子。

我知道跨浏览器问题，但从来没有遇到过这样的问题。展望 future ，无论屏幕大小如何，确保站点看起来相同的最佳方法是什么？我真的很感激任何提示。谢谢!

Answer 1

尝试使“无论屏幕尺寸如何，网站看起来都一样”通常不是一个好主意。首先，它看起来会不一样，其次，为不同的屏幕尺寸提供不同的样式是个好主意，尤其是非常小的屏幕(移动设备)。

当您搜索“响应式设计”时，您会发现大量相关信息。最重要的是使用相对单位，如 % 和 em，而不是绝对单位，如 px。当您想要居中时，您是否尝试过 text-align: center;？