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

Question

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

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

到目前为止，我没有找到有关此主题的帮助。

Answer 1

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

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

在我看来，后者被更广泛地使用。如今，3种不同的样式表足以满足世界上大多数设备的要求。一个大约900px将覆盖一些较旧的屏幕，一个大约1160px将处理更大和更现代的屏幕，一个用于移动设备（抱歉，不知道近似宽度）应该做的。

Answer 2

你问这个问题的方式，不仅身体的宽度必须是100％，而且子元素的宽度也必须是百分比。

Answer 3

实现可扩展网页的唯一方法是避免固定大小。当然，这会出现文本问题，因为它会尝试将其包装在以下行中，因此您必须指定最小宽度或将其与带溢出的前标记组合：隐藏，以便它不会影响您的页面布局。根本无法阅读文本的费用。

幸运的是，您可以通过简单地将网络浏览器缩小到更小的分辨率并查看它的播放方式来轻松测试您的页面。