网页具备延展性，不论是水平方向或是竖直方位，它是纸版页面所不具备的。因而，就算是在明确页面网格图以前，你也必须明确最合适网址的基本上页面架构:固定不动宽度的页面或是延展性宽度的页面。

明确页面长短要非常容易一些。最好是的方法就是适用內容的常识问题方法。互联网阅读者不容易翻转;这一俗话也许适用十年前或是更久以前的新用户，可是到如今就不会再是那回事了。伴随着阅读者更习惯将网页做为一个阅读文章媒体，页面长短的设计方案限定降低了。可用性研究说明，网页阅读者一定会根据显示屏翻转来阅读文章她们有兴趣的內容。

固定不动页面宽度

固定不动宽度网站页面设计方案应用广泛，尤其是在开展包括许多 页面作用子地区的繁杂而面设计方案时，例如新闻媒体。将內容置放在固定不动宽度的列代表着你的页面合理布局将不容易由于客户的显示屏或电脑浏览器对话框的尺寸不一样而更改。在一个不会改变的自然环境中开展设计方案音味着，你能固定不动页面原素的部位并操纵银行行长和间隔等样式特点。固定不动的合理布局还能够维持相关页面合理布局中的不一样构成部分中间是怎样关系的Gestalt视觉效果和室内空间逻辑性。固定不动宽度的合理布局存有一些不利条件。在大的显示器上，会出现很大占比的显示屏外于非应用情况，而在狭小的访问对话框中，客户也许会必须水准翻转才可以见到详细雷度的页面。除此之外，在访问变大的文本时，固定不动宽度合理布局不容易一直那麼极致地采取行动。

假如阅读者挑选变大文本，那麼固定不动宽度的设计方案也许会造成视觉效果上的分离出来普遍的混合式教学取代设计方案便是将一个或是大量的固定不动宽度栏与一个延展性宽度的正中间栏开展组成，在其中正中间栏有着相对性简易的內容构造而且能够拓宽以铺满电脑浏览器对话框的全部宽度。

安全性的;页面宽度是一个持续转换的总体目标，由于电脑显示屏的均值尺寸~直在提高。决策最好页面宽度的最好是方法便是应用网络分析学来明确网址访问者的均值屏幕大小。

固定不动合理布局对绝大部分网页访问自然环境(电脑台式机或笔记本显示器)来讲是最好的挑选，其还能够适用手机机器设备及其别的方式的含挪动css样式表的移动电脑。但是固定不动合理布局可能越来越比弹性布局更敏感而且更非常容易发生通用性易用性难题。因而，大家极力推荐在设计方案时挑选灵便页面合理布局。

灵便页面宽度

因为显示器大小不一，从中小型的手机上到宽的影片显示屏，要设计方案成一个规范安全性的;尺寸的准备通常不是实际的。网页是一个灵便的媒体，用以融入不一样的客户及其不尽相同的显示系统。与打印出的固定不动于纸版上的文本文档不-样的是，网页的外型在于表明尺寸、屏幕分辨率及其颜色设定、电脑浏览器对话框的高宽比和宽度、手机软件主要参数挑选(例如连接和情况颜色设定)及其可以用的字体样式等这种原素。通常最好的方法便是接纳媒体的协调能力，设计方案出清楚的、可适用许多 实际机器设备且能被全部客户选用的页面。灵便或延展性;的页面设计方案在许多 层面都比固定不动设计方案更具有趣味性，由于灵便的页面设计方案规定对HTML和其在服务平台和电脑浏览器中的应用有一个很深的掌握。灵便的页面设计方案还规定设计师能跳出来本身的构造并想到可以在不一样自然环境中充分发挥作用的图形和合理布局。在界定协调能力页面宽度时有很多种多样方式。最常见的方式便是应用百分数来界定页面上不一样原素的宽度。比如，对一个两栏合理布局来讲，內容能够占有页面宽度的75%，而地区导航栏占页面剩下的25%。同一页面在打印出时可能掩藏导航条，由于其在纸版页面。上的用途并不大，与此同时将页面宽度调至一个适合阅读文章的标值。而在移动设备上，导航栏是必需的，但狭小的显示屏宽度不容易适用多栏，大家会将两栏折叠为一栏。并将显示屏上的可以用室内空间利润最大化。

灵便的网站制作在融入不一样的显示系统(电脑台式机、笔记本、手机上、iPod，这些)层面具备许多 的优点。除此之外，协调能力设计方案更具备通用性应用性，由于其能够随便用以提升文本尺寸、提高表明颜色和比照，及其提升阅读文章主要参数。灵便的页面也许针对取决于页面尺寸、样式及其图形中间相对性固定不动的视觉效果关联的繁杂页面合理布局来讲，并不是最好是的方法。