web前端项目是响应式还是PC移动端分开? 您所在的位置:网站首页 响应式网站用什么开发的软件比较好 web前端项目是响应式还是PC移动端分开?

web前端项目是响应式还是PC移动端分开?

2024-07-16 04:26| 来源: 网络整理| 查看: 265

响应式设计

关于响应式设计和PC H5分别开发两套的优劣一直都是讨论的话题,我觉得应该根据业务来考虑,不同公司实力,用户需求,产品特性需求不同。

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

页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成,包括弹性网格和布局、图片、CSS media query的使用等。

无论用户正在使用笔记本还是iPad,我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等,以适应不同设备;换句话说,页面应该有能力去自动响应用户的设备环境。

响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这样,我们就可以不必为不断到来的新设备做专门的版本设计和开发了。

 

响应式和PC H5两套对比

响应式优势:

设计成本低,元素容易被复用。开发成本低,业务逻辑部分可被复用,只需维护css对应尺寸变化。测试成本降低,测试一套系统,不会出现两遍逻辑问题。桌面端与移动端的设计十分接近,令用户感到“熟悉”

PC和H5分别开发的优势:

PC和H5 设计和逻辑差异较大的情况下,更容易分治对于PC和移动端硬件或者系统提供能力单独去兼容交互性更多样

响应式代表案例:https://www.apple.com/ 非响应式: 淘宝网 淘宝手机站

 

总结

选择标准:如果两套设计差异不大,且无需特定的硬件支持,响应式更好。如果H5需要交互性更强,两套差异大,分开治理。

响应式试用:

官网博客后台管理系统门户交流展示类创业型,成本小

PC和H5分开:

购物网站等交互性强的需要移动端特性支持有钱,追求质量稳定


【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有