自适应布局和响应式布局的区别

 

自适应布局和响应式布局有什么区别?刚刚接触到web前端布局的小伙伴可能会有这个疑问。

688543605a47fc652330c5bbcae04612

u_3717958087_172157217&fm_253&fmt_auto&app_138&f_JPEG

 

 

我当初学习前端的目的是为了学习后端,更准确的来说是为了学习PHP,所以我对网页布局并没有什么研究,只是学了前端的一些基础知识,学了这些基础知识,并且能够用前端框架就是我当时学习的目的。

 

现在,我的PHP技术已经学了一些,能够用前端框架开发一些简单的网站,那么现在就有了时间来学习前端的知识。要学习前端,布局是一个关键的知识点。

 

言归正传,那么自适应布局和响应式布局的区别在哪里?先简单的来讲一下自适应布局和响应式布局的基本概念。

 

自适应布局

通俗易懂的来说就是针对不同类型的设备,开发不同的前端页面。

 

举个例子:当你用手机访问网站bcdog.cn时,他会给你跳转到网站m.bcdog.cn,当你用平板来访问时他会自动给你跳转到网站p.bcdog.cn,你用电脑访问时就是bcdog.cn。

 

上面这个例子就是说需要开发三个独立的网页来自适应设备,根据不同的设备来访问不同的网页。

 

注意:自适应布局,如果你在电脑上面打开bcdog.cn,然后你缩小网页大小,他不会自动给适应到平板端或者手机端,你需要缩小网页,然后刷新才会自动给你适应到响应的网页。

 

响应式布局

响应式布局就是根据用户屏幕的大小自动的改变网页的内容,它总的是只需要写一套前端网页,不需要像自适应一样为不同设备写不同的前端网页。当你用电脑打开响应式网站时,缩小网页的打下去,网页的内容会跟随改变。

 

总结

自适应布局和响应式布局都有自己的优缺点,但是我推荐的是响应式布局,我认为响应式布局会成为未来的主要布局,而且工作量也比自适应布局的要小,维护起来更加容易。选择布局时跟重要的是根据自己的需求来选择,并不是说响应式布局一定好,需要自己判断合适的布局方式

原文链接https://www.bcdog.cn/140.html

请登录后发表评论

    没有回复内容