我正在尝试创建一个格式化为适合所有屏幕宽度的网页 尺寸（或分辨率）。
换句话说，我想以这样一种方式格式化我的页面宽度，以便任何查看它的人都不必使用屏幕底部的水平滚动条。
到目前为止，我没有找到关于这个主题的帮助。
【问题讨论】：
width:100%，不要使用px
嗯，有几种方法。一种是对宽度使用 ems/百分比，从而实现适合用户屏幕分辨率的流畅设计。另一种是有几个不同宽度的css表格，并根据一个简单的js代码的屏幕分辨率检查来调用它们。
第一个有点难，但会产生良好的稳定结果。另一方面，（作为设计师）它有点限制你的创造力。
在我看来后者使用更广泛。如今，3 种不同的样式表足以满足全球大多数设备的需求。一个大约 900 像素的屏幕将覆盖较旧的屏幕，一个大约 1160 像素的屏幕将处理更大和更现代的屏幕，一个用于移动设备（抱歉，不知道大概的宽度）应该可以解决问题。
【讨论】：
实现可扩展网页的唯一方法是避免固定大小。当然，这会导致文本出现问题，因为它会尝试将其包装在以下几行中，因此您必须指定最小宽度或将其与 pre 标记结合使用 overflow: hidden 以便它不会影响您的页面布局根本无法阅读文本的代价。
幸运的是，您可以轻松地测试您的网页，只需将您的网络浏览器缩小到更小的分辨率并查看效果如何。
【讨论】：
按照您提出这个问题的方式，不仅正文的宽度必须为 100%，而且其子元素的宽度也必须为百分比。
【讨论】：