在不同的屏幕上安装网站

Question

我有一个找不到答案的问题。 谷歌浏览器有一个更改屏幕大小的选项，因此您可以查看您的网站是否响应。通过将其设置为 1366x768 似乎是完美的，但如果使用笔记本电脑/将屏幕分辨率更改为 1366x768，则只有将缩放值更改为 80% 时才会突然适应。我知道我在这里没有提供任何代码，只是想知道为什么会发生这种情况？

Answer 1

根据我的经验，这是由于使用了绝对像素值和字体大小。我个人发现使用em 和百分比% 而不是px 有时会有所帮助，以及使用响应式网格系统，无论是直接用CSS 编码还是通过类似Bootstrap 的东西。我强烈推荐 Bootstrap，因为它很容易上手，并且可以为您节省大量时间。