跨各种屏幕分辨率的HTML/CSS

我一直在用HTML和CSS制作我的第一个实践网站，并使用像素和百分比，使页面在我的屏幕上看起来非常漂亮。 我把它带到另一台屏幕大得多的电脑上，似乎没有什么东西和我为屏幕编写的代码的顺序或位置相同

是否有一个简单的修复方法（无论使用哪种浏览器、屏幕大小、屏幕分辨率等，都使其看起来相同）？有一次我尝试将所有像素值更改为百分比，但页面变得更加混乱

---

提前谢谢

如果您希望在多个显示器尺寸上保持大小一致，您将需要调整css以在基本网站上使用百分比。大致如下：

宽度：20%

---

您可能还希望查看谷歌的金丝雀网络浏览器，以便轻松更改浏览器的大小和分辨率，以便进行测试

你能发布一些你需要帮助的代码吗？这个问题相当广泛，很可能会被关闭。您需要学习

CSS

（浮动、内联vs块等）的基础知识，以及所谓的

响应式网页设计

。谢谢！谷歌金丝雀的功能非常有用。