在页面宽度min-width:480px时设置的css如图:
在页面宽度max-width:480px时设置的css如图:
这就导致了页面拉伸过程里,这个元素时而是在理想位置,时而在偏上位置,可是不设置margin-top的话又是不可以的,请问这种情况怎么做自适应?
在页面宽度min-width:480px时设置的css如图:
在页面宽度max-width:480px时设置的css如图:
这就导致了页面拉伸过程里,这个元素时而是在理想位置,时而在偏上位置,可是不设置margin-top的话又是不可以的,请问这种情况怎么做自适应?
8 回答4.3k 阅读✓ 已解决
6 回答2.7k 阅读✓ 已解决
5 回答2.4k 阅读✓ 已解决
5 回答6.1k 阅读✓ 已解决
4 回答2.1k 阅读✓ 已解决
3 回答2.3k 阅读
4 回答2.6k 阅读✓ 已解决
这有好多中情况的,根据具体的情况改动吧。
margin-top
的值如果是百分比,则他的值是根据父级元素的宽度的百分比来计算的,因此这个值实际上是肯定变化的。可以考虑把父级元素进行固定宽度处理,也可以考虑从使用父级元素(或者套一个父级div)的padding来处理。
具体的可以参考:巧用margin/padding的百分比值实现高度自适应(多用于占位,避免闪烁)