css - Windows 显示尺寸弄乱了我的网站

Question

我将笔记本电脑的显示屏保持在 125%。我为此开发了一些网站。一切都很好，直到我在另一台显示分辨率为 100% 的笔记本电脑上打开了一个网站。网站变得太小，所有的布局都乱了套。我不知道将显示更改为 125% 也会改变所有其他应用程序...大多数人使用 100% 也是推荐的，但我制作的这些网站不是 100% 分辨率。我现在必须更改网站中的所有内容还是有其他解决方案？请帮助我，我太担心这个了...我附上了 2 个网站的示例屏幕截图... [1]：https ://i.stack.imgur.com/t7Jq4.png [2]：https： //i.stack.imgur.com/DqmNt.png [3]: https://i.stack.imgur.com/UVz6q.png [4]:https://i.stack.imgur.com/RAc9J.png [5]：https ://i.stack.imgur.com/Kulcf.png

标签： csswindowsweb-deploymentresolutiondisplay

Answer 1

您必须使用 CSS @media 类来解决此问题，或者您可以使用任何框架，如 bootstrap，它具有适用于所有设备尺寸（xs、md、sm、lg、xl）的内置类。