布局如何做到自适应?

Posted freddyhuang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了布局如何做到自适应?相关的知识,希望对你有一定的参考价值。

方法一:

mar和padding采用百分比的设置具体值

方法二:

定位:position:absoulte

left/top采用百分比

方法三:

定位和margin配合使用,需要计算;

position:absoulte

left:50%

top:50%

margin-top:-325px

margin-left:-203px

方法四:

定位和margin配合使用,不用计算;

position:absolute;

left:0;

top:0;

right:0;

bottom:0

margin:auto;

以上是关于布局如何做到自适应?的主要内容,如果未能解决你的问题,请参考以下文章

css里面的rem怎么做到横屏也能做到自适应

vue给的1360的图怎么写页面做到自适应

嵌入到企业内部的网页怎么做到宽高自适应

pc如何自适应布局 pc端如何根据设计稿做自适应

vue移动端高度自适应 100vh不够

pc、移动端 自适应布局方案