当今屏幕分辨率从320px(iPhone)到2560px(大屏显示器)或者更大。人们也不再仅仅用台式机来浏览网页，现在有手机，平板电脑等等。所以传统的固定宽度设计形式将不再是个最佳选择，网页设计需要有自适应性。网页的布局需要能够根据不同的分辨率和设备来自动调整，以达到到最佳显示效果。接下来会展示如何运用HTML5和CSS3来设计一个自适应网页。在开始之前，点击最终预览来看看它的效果。改变浏览器的宽度，你将会看到页面布局会跟着自动改变。当屏幕分辨率大于1024px时，网页宽度将会是980px。用C

当今屏幕分辨率从 320px(iPhone)到2560px(大屏显示器)或者更大。人们也不再仅仅用台式机来浏览网页，现在有手机，平板电脑等等。所以传统的固定宽度设计形式将不再是个最佳选择，网页设计需要有自适应性。网页的布局需要能够根据不同的分辨率和设备来自动调整，以达到到最佳显示效果。接下来会展示如何运用HTML5和CSS3来设计一个自适应网页。在开始之前，点击最终预览来看看它的效果。改变浏览器的宽度，你将会看到页面布局会跟着自动改变。当屏幕分辨率大于1024px时，网页宽度将会是980px。