html - 如何使我的导航在不同的屏幕尺寸上完好无损？

Question

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

我知道跨浏览器的问题，但从来没有这样的事情。展望未来，无论屏幕大小如何，确保网站看起来都一样的最佳方法是什么？我将非常感谢任何提示。谢谢！

Answer 1

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

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