什么是响应式网站?

Question

如题所述

Answer 1

响应式网站就是一个可以智能的监控访问者屏幕尺寸并自动适应、实时响应的网站效果，无论访客使用的是手机还是电脑或者是PAD，都能像变色龙一样自动兼容和适应尺寸来完整的展示网站的内容和效果。响应式网站也被称之为“自适应”网站，是一种基于HTML5的建站技术，一句话来形容，响应式网站就是一个可以智能的监控访问者屏幕尺寸并自动适应、实时响应的网站效果，无论访客使用的是手机还是电脑或者是PAD，都能像变色龙一样自动兼容和适应尺寸来完整的展示网站的内容和效果。---【竹子建站】响应式web设计(responsivewebdesign)的理念是：

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

Answer 2

响应式网站运用CSS（控制页面布局）在各种设备上展示统一的HTML代码，从而改变页面外观。单一的代码库能为不同大小的用户提供支持，而非响应式网站则需为各种尺寸的宽屏显示器、台式机、笔记本电脑、平板电脑和手机创建独立的站点和代码库。
响应式网站的核心理念是，无论用户使用何种设备，如笔记本、平板还是手机，网站页面都能根据屏幕尺寸自动调整分辨率、图片大小和脚本功能，以达到最佳的浏览效果。反之，非响应式网站在不同的设备上展示的网址是不同的，而响应式网站则保持一致。显然，网址的差异导致了后台管理的不同。非响应式网站意味着管理上的重复，而响应式网站在兼容性、用户体验以及管理方面具有明显的优势。
在响应式设计中，页面元素会随着视口的改变而重新排列。比如，三列的桌面设计可以转变为平板电脑的两列和智能手机的一列。响应式设计依赖于比例网格来调整内容和设计元素。