响应式Web设计(一):响应式Web设计的背景

  不是专业前端,可2011年底至今大部分时间在做着一个前端开发工程师的事情,所以多少也有点总结,多少也有点“经验”和分享。

      响应式Web设计不是我首创的概念,早就有了,我这里只不过把自己最近这段时间关于这方面的研究做了一个总结。

      至于这篇文章能给你带来多大的益处我保证不了,但是只从读完这篇文章之后你至少能明白以下几点:

  • 为什么要做响应式Web设计?
  • 什么是响应式Web设计?
  • 如何做响应式Web设计?
  • 送你几个关于响应式Web设计优化的小建议!

  在说响应式Web设计前,我们先来看看移动互联网的发展现状:

  • 移动互联网用户规模接近PC互联网用户规模,市场规模占比进一步增加,移动互联网成为主流(数据来源:CNNIC、艾瑞咨询);

  

  

  • 网络设备多元化,智能手机将成为网络体验获取的重要终端。

  

  从移动互联网的用户规模、市场规模、终端设备三个方面做了一个简单的说明,不难看出,未来互联网发展的几个方向:

  • PC不再是互联网的主要入口,而且很有可能沦为一个次要入口;
  • 移动已经成为第一屏幕;
  • 移动技术将引领潮流。

  移动互联网正走向一个百花齐放的时代:

  

  中国互联网正在往移动方向发展,移动设备正在超过PC设备,成为互联网的常见设备,在这样一个客观背景下,我们不得不问自己:如何才能在不同的设备上呈现给用户同样的Web网页呢?

  

  很显然,答案就是——响应式Web设计,那究竟什么是响应式设计呢?且听下回分解(请勿拍砖,稍等,稍等,不会让你等太久的。。。)

  标题预告:

  响应式Web设计(二):响应式Web设计的概念

  响应式Web设计(三):响应式Web设计的方法

  响应式Web设计(四):响应式Web设计的优化

原文地址:https://www.cnblogs.com/iamjiuye/p/3058668.html