• 欢迎访问大姚哥前端笔记
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧
  • 欢迎留言o(∩_∩)o 哈哈

标签:宽高相等

CSS3

利用CSS3视窗单位来实现宽高相等

响应式开发中经常会遇到宽度自适应,高度需要和宽度相等,正方形盒子。以前遇到这种情况我们通常会借助js。今天我们来利用CSS3的新长度单位:vw来实现这个问题。 vw——代表视窗(Viewport)的宽度为1%,在我们的例子里50vw = 500px。 vh——窗口高度的百分比 50vh = 400px。 vmin——vmin的值是当前vw和vh中较小的值。……继续阅读 »

dayaoge 2年前 (2016-05-24) 546浏览 3个赞