HTML/CSS 跨各种屏幕分辨率

HTML/CSS Across Various Screen Resolutions

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

是否有解决此问题的简单方法(无论使用哪种浏览器、屏幕尺寸、屏幕分辨率等,它看起来都一样)?有一次我尝试将所有像素值更改为百分比,但页面变得更加混乱。

提前致谢!

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

width:20%

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