html - 如何制作适合所有屏幕分辨率的网页

Question

我正在尝试创建一个适合所有屏幕宽度的网页尺寸(或分辨率)。

换句话说，我想以这样一种方式格式化我的页面宽度，即任何查看它的人都不必使用屏幕底部的水平滚动条。

到目前为止，我在这个主题上找不到任何帮助。

Answer 1

嗯，有几种方法。一种方法是对宽度使用 em/百分比，从而实现适合用户屏幕分辨率的流畅设计。另一种方法是为不同的宽度设置多个 css 表，并根据来自简单 js 代码的屏幕分辨率检查来调用它们。

第一个有点难，但产生了很好的稳定结果。另一方面，(作为设计师)它有点限制了你的创造力。

在我看来，后者的使用更为广泛。如今，3 种不同的样式表足以满足世界上大多数设备的需求。一个大约 900px 将覆盖较旧的屏幕，一个大约 1160px 将处理更大和更现代的屏幕，一个用于移动设备(抱歉，不知道大概的宽度)应该可以解决问题。