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

<分区>

想改进这个问题吗？ 更新问题，使其只关注一个问题 editing this post .

关闭 8 年前。

我一直在用 HTML 和 CSS 制作我的第一个练习网站，并使用像素和百分比，使页面在我的屏幕上看起来非常漂亮。我将它带到另一台屏幕更大的计算机上，但似乎没有任何内容与我为屏幕编写的代码顺序或位置相同。

是否有一个简单的修复方法(无论使用哪种浏览器、屏幕尺寸、屏幕分辨率等，都可以使它看起来一样)？有一次我尝试将所有像素值更改为百分比，但页面变得更加困惑。

提前致谢!

最佳答案

如果您想在多个显示器尺寸之间保持尺寸一致，您将需要调整您的 css 以在基本网站上使用百分比。类似的东西:

宽度:20%

您可能还想查看 Google 的 Canary 网络浏览器，以便轻松更改浏览器的大小和分辨率以进行测试。 Google Canary

关于跨各种屏幕分辨率的 HTML/CSS，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27810580/

相关文章：

javascript - 居中和调整内容