Html5之web响应式设计

2019-09-11 郑州网站建设  

响应式网页设计最初是由 Ethan Marcotte 提出的一个概念:

为什么一定要为每个用户群各自打造一套设计和开发方法?

Web设计需要做到根据不同设备环境自动响应及调整。

当然响应式Web设计不仅仅是关于屏幕分辨率自适应以及自动缩放的图片等等,

它更像是一种对于设计的全新思维模式;我们应当向下兼容、移动优先。

背景

电脑互联网加速向手机端

互联网普及率为42.1%

手机用户占网民总数的74.5%

预计到2015年,移动互联网的数据流量将超越电脑端的流量。

手机端入口:当用户希望通过手机来完成电脑页的操作时,

常见的是商家的运营微博,期文案足够吸引用户点击链接参加活动,

如果该活动页没做响应式处理:页面体积大、请求多、体验差、

兼容性差,层层阻碍最终导致用户放弃参加。

优势

1、开发成本低,门槛低

Native APPObjective-C or Java – 学习成本高

Hybrid APP 外壳+Web APP,需安装。

响应式Web APPHTML5+JS+CSS – 门槛低,极易上手,迭代快

优势

2、跨平台和终端且不需要分配子域

虽然可通过监测用户UA来判断用户终端后做跳转,

但它还是分配了多个域,而响应式无需监测用户UA没有域的切换,

只需根据终端类型来适配不同的功能模块与表现样式,

它是跨平台和终端的,1页面适配多终端。

电脑 –

Mobile –

响应式:电脑 & Mobile – 无需跳转

3、本地存储

Web App可以利用本地存储的特性将重要和重复的数据保存在本地,

避免页面的重复刷新,减少重要信息在传输过程中被泄露,增量传输修改内容。

localStoragesessionStorage用在哪?

后者一般用在安全级别较高的地方。例如银行系统

优势

4、无需安装成本,迭代更新容易

更灵活、更方便的APP使用及安装方式将成为HTML5在移动平台上

大放异彩的保障之一


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/dede/1959.html转载请标明出处,谢谢合作!
标签:
  • 网页设计
  • 响应
  • 概念
  • HTML5Web
  • 最初
  • 是由