标题有点绕口。
宽高不确定的容器(手机界面)
中有个a标签,width:70%;margin:50px auto;border-radius:50%;
高度该怎么设置让他出来的效果是一个圆形?
css这样是办不到的 ,用脚本吧
建议还是用js吧,貌似圆形的没法弄
1.获取a的宽度
2.赋值给a的高度
如果70%是窗口宽度的70%的话
可以这样
http://jsbin.com/ranawu/edit?html,css,js,output
设置padding-top:70%
标题有点绕口。
宽高不确定的容器(手机界面)
中有个a标签,width:70%;margin:50px auto;border-radius:50%;
高度该怎么设置让他出来的效果是一个圆形?
css这样是办不到的 ,用脚本吧
建议还是用js吧,貌似圆形的没法弄
1.获取a的宽度
2.赋值给a的高度
如果70%是窗口宽度的70%的话
可以这样
http://jsbin.com/ranawu/edit?html,css,js,output
设置padding-top:70%