什么是响应式网站?
响应式网站就是基于响应式设计的网站模板,在同一个网站的同一个页面在PC、智能手机、平板电脑等设备上自动适配,根据设备尺寸自动显示不同的界面。响应式网页设计(RWD,Responsive Web Design)由美国的伊桑·马科特在2010年首先提出,简而言之是指网页能自动识别屏幕宽度并做出相应调整的网页设计,目的是为了给PC和移动设备提供更好的体验,并且整合从PC到手机的不同屏幕尺寸和不同分辨率,用技术来使网页适应各式各样的设备,所以也叫做自适应网站。
响应式网站的优点:
1、用户体验友好
随着智能手机和平板电脑的普及,在当下追求用户体验至上的时代,之前网站普遍使用固定宽度的网页设计逐渐满足不了现在移动设备与不同分辨率的需求。在高分辨率宽屏显示器上,两边留白过多;在手机屏幕上,内容显示过小,用户为了看清楚首先需要放大界面,再左右拖拉界面。响应式网站可以根据不同设备、不同尺寸,自动调整界面布局、展示内容、内容大小,提供非常好视觉展示效果和一致性友好体验。
2、节省开发成本
响应式网站只使用一套页面模板,所以设计人员只需要设计一套模板,前端人员也是只需要维护一套模板的代码。
响应式网站的缺点:
1、对旧版本浏览器兼容性差
对于老版本IE浏览器(IE6、IE7、IE8)支持不好,这是一个致命的问题,如果你的网站用户大多还采用老版本IE的话,不建议做响应式网站。
2、部分网站不适合做响应式
内容比较多的网站不适合做响应式,如电商网站要把宽屏的PC端内容全部在手机端进行展示,势必导致手机端的界面非常长,这样对技术要求很高,实现难度与成本非常高。
3、对技术人员要求比较高
响应式网站一般都会用到HTML 5和CSS 3等新兴技术,这对设计人员和前端人员的技术水平都提出了更高的要求。
总结
如果你的网站是企业官网或个人博客等内容较少的,就可以采用响应式网站,否则还是分别单独搭建PC端和手机端网站。