css img标签高度等于宽度.

父级容器css width: 60%;height: 0;padding-bottom: 60%;position: relative;
子容器css width: 100%;height: 100%;position: absolute;

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 14,680评论 1赞 92
  • 各种纯css图标
    各种纯css图标 CSS3可以实现很多漂亮的图形，我收集了32种图形，在下面列出。直接用CSS3画出这些图形，要比...
    剑残阅读 13,240评论 0赞 8
  • Web端---常用的特效
    1. tab列表折叠效果 html: 能源系统事业部 岗位名称： 工作地点 岗位名...
    lilyping阅读 5,882评论 0赞 1
  • 海是倒过来的天（《大鱼海棠》影评）
    椿去湫来 海棠花开 01 首先我要说的是抱歉，我没有等这部电影12年，我只等了几个月，可能不明白那种越期望便越失望...
    阑珊Daisy阅读 3,244评论 3赞 1
  • 【干货】Linux学习资源推荐
    国内的专业Linux网站(GB)ChinaUnix Linux中国 实验楼： 免费提供了Linux在线实验环境，不...
    三月行者阅读 4,312评论 0赞 23