响应式网站是一种网络页面设计布局，其理念是：集中创建页面的图片排版大小，可以智能地根据用户行为以及使用的设备环境进行相对应的布局。

响应式网站设计(Responsive Web design)的理念是：

页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用笔记本还是iPad，我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不同设备；换句话说，页面应该有能力去自动响应用户的设备环境。响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这样，我们就可以不必为不断到来的新设备做专门的版本设计和开发了。

基于“响应式内容”的本质，页面应该在任何合理屏幕大小的设备上看上去都很舒服，从300*300的手机到2550*1600像素的显示器。较快较方便的评估响应式功能的方式是大幅改变浏览器的大小，检查显示情况。

对于这类测试不需要任何搭建时间。只需要打开网页，点击浏览器的右上角，拖拽到所需的大小。文本是否在你认为应该在的位置，是否仍然可读？图像是否能合理伸缩？控件是否还在页面上——按钮，文本输入框，日期控件和其他的——是否仍然可用？它们有没有遮盖掉其他重要的内容？

标签内容： 响应式网站 响应式网站设计 响应式网站制作