发表于: 2018-08-01 16:37:51

3 561


8.1 修真院作业笔记

  • 题目:做一个自适应正方形九宫格.
  • 加入代码{< meta name="viewport" content="width=device-width, initial-scale=1.0">}.
  • 使用了flex布局,用到了2条语句.{display: flex; flex-wrap: wrap;}.
  • 在写正方形的高度时,遇到问题.如果将子元素的高度设为百分比时,浏览器显示时该子元素的高度为0.
  • 浏览器的高度用百分比写的时候,要定义其父元素的{height:100vw;}意思是将父元素的高度设定为父级高度是屏幕的宽度.



返回列表 返回列表
评论

    分享到