自适应和响应式布局的区别,em与rem

Posted ZMONE

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了自适应和响应式布局的区别,em与rem相关的知识,希望对你有一定的参考价值。

   自适应布局:不同终端上显示的文字,图片,等位置排版都是一样的,只是大小不同。

   响应式布局:通过媒体查询监听屏幕大小的变化,做出响应式的改变,在不同设备可能展现不同的样式效果。

   em:是相对其父元素的。

   rem:相对于页面根元素,推荐使用rem。

以上是关于自适应和响应式布局的区别,em与rem的主要内容,如果未能解决你的问题,请参考以下文章

Vue大屏自适应--响应式盒子

「布局」静态布局、自适应布局、流式布局、响应式布局、弹性布局简析

swiper插件怎么设置响应式高度自适应?

利用axure进行响应式自适应网站的设计

Vue3和Vue2响应式的区别

响应式设计与自适应设计有何区别?