[无名弟子]杨学慧|2019年05月28日的日报-技能树.IT修真院

发表于： 2019-05-28 11:23:16

1 856

刚开始借鉴的网上的，不过和现在学的不符

尝试写，

Viewport

<meta name="viewport" content="width=device-width, initial-scale=1.0">

缩放比例，占据整个页面，随着页面变大而变大，随着缩小而缩小

viewport 是用户网页的可视区域，--"视区“

%单位，继承父级元素单位

比如

#d0{
width:500px;
height: 500px;
border:2px;
padding:50px;
background-color: antiquewhite;
box-sizing:"border-box"
}

width:500px; height:500px; padding:50px;这些是父级

box-sizing 属性允许你以某种方式定义某些元素，以适应指定区域，

比如：如果你需要并排放置两个带边框的框，可通过将box-sizing设置为”border-box"这可使

浏览器程现出带有指定宽度和高度的框，并把边框和内边距放入框内

#d1{width:;
height:50%;
border:2px;
padding:20%;
background-color: aquamarine;

}

height:50%; padding:50%; 这是子级，子级是父级的百分之多少，内边距从左上边开始

如果想放中间需要垂直居中

内容...

返回列表