响应式布局、移动端布局,有什么区别?

响应式:响应式布局是实现不同屏幕分辨率的终端上浏览网页展示的不同方式。

简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。

优点:

就是面对不同分辨率设备灵活性较强

能够快捷解决多设备显示适应问题

主要用到的核心技术是媒体查询

下面是同一个响应式项目展示在不同分辨率的设备下,内容展示的布局变化

移动端:因为响应式代码量臃肿,加载时间长,不利于百度的关键词优化和排名等等问题,现在基本上各大公司官网往往都是就移动端和pc端做两套移动端布局主要是针对智能手机为主,实现在不同大小的设备上都能显示同样的界面,主要运用技术弹性布局、rem、vw等等,也就是现在行内常说的H5站(m站)

学习是一个艰苦的过程,当然如果能把技术学成,最后也一定可以获得高薪工作。掌握一个好的学习方法,跟对一个学习的人非常重要。今后要是大家有啥问题,可以随时来问我,能帮助别人学习解决问题,对于自己也是一个提升的过程。自己整理了一份最全面前端学习资料,从最基础的HTML+CSS+JS到HTML5的项目实战的学习资料都有整理这是我的前端技术交流Q un++钱面是603----中间是985----后面是993----++++++++++++++有问题随时在里面问我,能给大家提出很多宝贵建议。

一句话话总结:

响应式布局是为了适配不同的终端而生,可以实现一个网站在不同设备、如:pc、平板、手机,都能正常显示

移动端布局是针对于智能手机为主的适配,也就是现在行内常说的H5站(m站)。

响应式优缺点:

优点:一个网站能够兼容多个终端,灵活性较强,能够快捷解决多设备显示适应问题。

缺点:代码量臃肿,加载时间长,不利于百度的关键词优化和排名,同时,也不利于手机版专题页单独做商业推广,这是响应式设计网站最致命的弱点

移动端优缺点:

优点:单独的移动站点会视为和PC视为两个网站对待,无论排名、流量、权重都可单独获取,有利于百度的关键词优化和排名和推广

缺点:需要开发多套界面,且对页面做的屏幕适配要求在一定范围:比如pc端一般要大于1024像素,手机端要小于768像素。遇到状况会需要改动多套代码,流程较为繁琐,相应的人力成本也会增加。

不同之处:

1、适配的群体不同,响应式适配各种终端,而移端大部分为智能手机为主

2、响应式布局能根据不同的终端设备实现不同的页面布局,而移动端布局大部分是单列布局

3、响应式布局有可能造成冗余的代码较多(传统式响应式布局,仅依赖于媒体查询,控制不同的页面布局),移动端布局冗余代码较少,对针对性较强。

相同之处:

1、在智能手机上,响应式看到的页面效果和移动端都能正常显示

2、两者都要面对适配的问题

本文章由javascript技术分享原创和收集

发表评论 (审核通过后显示评论):