响应式网站介绍

　　响应式网站：在网站开发过程中根据用户行为以及设备环境进行相应的操作和布局，使网站可针对不同平台、尺寸和定向进行智能化调整，实现了在智能手机和平板电脑等多种智能移动终端浏览效果的流畅，防止页面变形，并可在任一浏览终端进行网站数据的同步更新。今天我就为大家简单介绍一下响应式网站。

原理：

在CSS中，有一个不常用到的属性media。为了达到响应式设计的目的，让css根据屏幕宽度(例如 media screen only @(max-width:480px))，使用不同的CSS代码，从而达到自动调整页面DIV宽度的目的。当然，除了CSS，还可以使用JS对页面内容进行动态的调整，不过这个技术不是很流行。

价值：

随着越来越多的智能移动设备( 手机，平板 )加入到互联网中来，互联网上的访问设备是爆炸性的增长(屏幕的分辨率也是爆炸性的增长)。为了给手机和平板设备提供更好的体验，必须在网站设计中使用响应式网站设计，并且整合从PC端到手机的各种屏幕尺寸和分辨率，用技术来使网页适应不同分辨率的屏幕。

如果您正在设计网站，我们特别推荐到起飞页体验响应式设计。起飞页是国内为数不多的支持响应式设计的自助建站平台。虽然刚刚推出不久，但已经凭借其强大的功能和颇有竞争力的价格赢得了市场的青睐。创业型公司还可以免费获得一年的空间和服务。

响应式网页设计的理念是:集中创建页面的图片排版大小，可以智能地根据用户行为以及使用的设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相对应的布局。