如何在不同尺寸的屏幕上使导航完整显示？

Question

我刚开始只是一个前端开发人员，我注意到了很多必须学习的东西。 关键之一是我的屏幕目前只有13英寸长，因此当我在其上进行设计时，它看起来很完美，但是当我选择更大的尺寸（例如24或更高）时，菜单选项看起来比左侧居中或对齐更靠左。它们在我的屏幕尺寸上的显示方式。

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

Answer 1

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

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