在页面宽度min-width:480px时设置的css如图：在页面宽度max-width:480px时设置的css如图：这就导致了页面拉伸过程里，这个元素时而是在理想位置，时而在偏上位置，可是不设置margin-top的话又是不可以的，请问这种情况怎么做自适应？
1 回答
PIPIONE
TA贡献1829条经验 获得超9个赞
这有好多中情况的，根据具体的情况改动吧。
margin-top的值如果是百分比，则他的值是根据父级元素的宽度的百分比来计算的，因此这个值实际上是肯定变化的。
可以考虑把父级元素进行固定宽度处理，也可以考虑从使用父级元素（或者套一个父级div）的padding来处理。
具体的可以参考：巧用margin/padding的百分比值实现高度自适应（多用于占位，避免闪烁）
添加回答
举报
0/150
提交
取消