网页在水平和垂直方向上都具有可塑性，而纸质页面则不然。因此，在确定页面网格之前，您需要确定最适合网站的基本页面框架：固定宽度页面还是灵活宽度页面。确定页面长度要容易一些。最好的方法是适用于内容的常识性方法。 “**读者不会滚动”这句老话可能适用于10 年前或更长时间的新用户，但现在情况已不再如此。随着读者越来越习惯网络作为阅读媒介，页面长度的设计限制逐渐减少。可用性研究表明，网络读者会滚动以找到他们感兴趣的内容。固定页面宽度固定宽度页面设计很常用，尤其是在进行包含页面许多功能子区域的复杂综合设计时，例如**网站。将内容放置在固定宽度的列中意味着您的页面布局不会根据用户屏幕或浏览器窗口的大小而改变。在不可变的环境中进行设计意味着您可以固定页面元素的位置并控制布局属性，例如行长和间距。固定布局还维护有关页面布局的不同组件如何相互关联的格式塔视觉和空间逻辑。固定宽度布局有一些缺点。在大显示屏上，较大比例的屏幕将未被使用，而在狭窄的浏览窗口中，用户可能需要水平滚动才能看到整个页面。此外，在查看放大的文本时，固定宽度布局并不总是能完美反应。如果读者选择放大文本，固定宽度的设计可能会产生视觉分离。一种常见的混合替代方案是将一个或多个固定宽度的列与灵活宽度的中心列相结合，该中心列具有相对简单的内容结构，并且可以拉伸以填充浏览器窗口的整个宽度。随着计算机屏幕的平均尺寸不断增长，“安全”页面宽度是一个不断变化的目标。确定页面宽度的最佳方法是使用分析来确定网站查看者的平均屏幕尺寸。固定布局是大多数网页浏览环境（台式机或笔记本电脑显示器）的最佳选择，它也可以用于手持设备和带有移动样式表的其他形式的移动计算机。然而，固定布局将变得比灵活布局更脆弱，并且更容易出现一般可用性问题。因此，我们强烈建议在设计时选择灵活的页面布局。灵活的页面宽度由于显示屏幕的尺寸各不相同，从小型显示器到宽电影屏幕，设计成标准且安全的尺寸通常是不现实的。网络是一种灵活的媒介，旨在适应不同的用户和不同的显示设备。与固定在纸张上的打印文档不同，网页的外观取决于显示尺寸、分辨率和颜色设置、浏览器窗口的高度和宽度、软件首选项（例如链接和背景颜色设置）以及可用字体和其他此类元素。通常，最好的方法是接受媒介的灵活性和清晰的设计页面，适用于许多现实世界的设备，并被所有用户采用。灵活或弹性页面设计在很多方面比固定设计更具挑战性，因为灵活页面设计需要深入了解HTML 及其在平台和浏览器中的使用。灵活的页面设计还要求设计人员跳出自己的结构进行思考，并提出适用于不同环境的图形和布局。有多种方法可以定义灵活的页面宽度。

*常见的方法是使用百分比来定义页面上不同元素的宽度。例如，对于两列布局，内容可以占据页面宽度的75%，区域导航占据页面剩余的25%。打印时同一页面将隐藏导航栏，就像在纸质页面上一样。没什么用，同时将页面宽度调整为适合阅读的值。在移动设备上，导航是必要的，但窄屏幕宽度将不支持多列，我们将两列折叠为一列。并最大化屏幕上的可用空间。灵活的网站设计在适应不同的显示设备（台式电脑、笔记本电脑、iPhone、iPod等）方面具有许多优势。此外，灵活的设计更加通用，因为它可以轻松地用于增加文本大小、改善显示颜色和对比度以及增加读取参数。灵活页面可能不是复杂页面布局的最佳方法，复杂页面布局依赖于页面大小、布局和图形之间相对固定的视觉关系。