2018年2月
  • 纯CSS实现自适应浏览器宽度的正方形

    纯CSS实现自适应浏览器宽度的正方形

    本文可以延伸为自适应的时候等比例缩放图片,避免出现白边或者显示不全的问题!1、宽度100%时候,图片的height高度完全可以用PC端宽高百分比,用vw进行判断!2、或者直接使用height=0,然后用padding-bottom撑开高度!JavaScript实现自适应浏览器宽度,可以监听onresize事件。纯CSS实现自适应浏览器宽度的正方形有以下三种方法:1、方案一:CSS3 vw 单位CSS3 中新增了一组相对于可视区...

    CSS学习 3个月前 143 0 正方形
1
展开