用css设置iframe自适应高度

分享 已结 精帖 5 1852
帅帅学长
帅帅学长 2017-8-30
悬赏:10飞吻
发现很多小伙伴都是使用JQ获取高度来设置iframe区域的高度,今天就跟大家分享通过css来设置iframe自适应高度(本人jq入门级)。
先看css样式: height: calc(100% - 41px);height: -webkit-calc(100% - 41px);
简单的注释:height css高度属性; calc calc是英文单词calculate(计算)的缩写,是css3的一个新增的功能;
括号里边的参数直接看图,根据页面实际设置就好啦!!!


第一次发帖好紧张,码字手发抖,最后附上样式兼容性概览图,脸红[可爱]
回帖
  • Else
    2017-8-30
    calc() 这个属性却实强大而实用,问题就像楼上说的兼容性一般

    如果在IE7下,就GAME OVER了。
    0 回复
  • @ 补发了一张兼容参考图[嘻嘻]
    1 回复
  • [嘻嘻] 学到了。不过这个好像兼容性不太好,看网上资料说
    0 回复
  • 不变的心
    2017-11-14
    学到了,牛B
    0 回复
本帖已设置禁止回复