w201906的博客

原创 百分比布局中子元素的百分比设定

百分比布局能够通过%达到一种非常方便的响应式布局的方式，我们都知道他的百分比是相对于父级元素的，但是开发过程中有时候的效果也不尽如人意，比如在margin、padding等属性的百分比设置时。前端开发中，响应式布局是开发人员必须要考虑的重要部分，方式也有很多种，包括@media媒体查询、相对单位布局（vw、vh、rem等）、流体布局等，也包括本文要讲述的百分比布局。以上就是目前我在开发过程中发现的关于百分比布局需要注意的点，也欢迎大家补充。那么我们来介绍一下，具体各个子元素或属性的百分比是根据谁来设定的。