本来想说width是用百分比设置的,但是想想不一定是百分比才能做出这种效果,所以我改了用词
太感谢我采纳的答案了!这个问题困扰了我很久很久,一直是用js实现的,原来padding-top使用百分比的时候,是基于父元素宽度的百分比!我才发现,太out了。
另外我发现css3还有几个单位是解决这个的,但是安卓4.4以上才支持,所以不能用。
•vw:viewpoint width,视窗宽度,1vw等于视窗宽度的1%。
•vh:viewpoint height,视窗高度,1vh等于视窗高度的1%。
•vmin:vw和vh中较小的那个。
•vmax:vw和vh中较大的那个。
vw, vh, vmin, vmax:IE9+局部支持,chrome/firefox/safari/opera支持,ios safari 8+支持,Android browser4.4+支持,chrome for android39支持
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。