当margin/padding取形式为百分比时,无论是left/right,还是top/bottom,都是以父元素的width为参照物的!
演示
375*100iphone6 高约等于宽的26.666666%
1 | html{font-size:100px;} |
请在移动环境下访问,图片在iphone6(375*667为基准, 图片比例375*100)
点击这里demo
人生已如此艰难,就不要再拆穿了
当margin/padding取形式为百分比时,无论是left/right,还是top/bottom,都是以父元素的width为参照物的!
375*100iphone6 高约等于宽的26.666666%
1 | html{font-size:100px;} |
请在移动环境下访问,图片在iphone6(375*667为基准, 图片比例375*100)
点击这里demo