福田网页设计作业教程（网页设计作业成品下载）

本文目录一览：

• 1、大屏网页设计-如何设计自适应屏幕大小的网页ResponsiveWebDesign...

大屏网页设计-如何设计自适应屏幕大小的网页ResponsiveWebDesign...

自适应网页设计的核心，就是CSS3引入的MediaQuery模块。它的意思就是，自动探测屏幕宽度，然后加载相应的CSS文件。 上面的代码意思是，如果屏幕宽度小于400像素（max-device-width： 400px），就加载tinyScreen.css文件。

响应式和自适应有什么区别？响应式Web设计（ResponsiveWebdesign）的理念是：页面的设计与开发应当根据用户行为以及设备环境（系统平台、屏幕尺寸、屏幕定向等）进行相应的响应和调整。

一个网站能够兼容多个终端，而不是为了每一个终端做一个特定的版本。自适应网页设计：自适应网页设计（Adaptive Web Design）指能使网页自适应显示在不同大小终端设备上新网页设计方式及技术。