web实训项目遇到的 杂七杂八

HTML中有个font-size属性 默认是16px
此时 进行移动端开发时 1rem(em)=16px

若对HTML的font-size属性进行更改
如：

<style type="text/css">
			html{
				font-size: 10px;
			}
</style>

此时 进行移动端开发时 1rem(em)=10px

！important：多个属性发生覆盖时，以被！important修饰的属性为准

要设置页面高度为100% 现将HTML高度设置为height：100%;

box-sizing
有两个属性值：
content-box （默认属性）
设置宽度相当于给里面的内容设置宽度，不包括内外边距和边框
border-box
设置宽度相当于设置总体的宽度，包括内外边距和边框
总体宽度=左侧外边距+左侧边框宽+左侧内边距+内容（content）+右侧内边距+右侧边框宽+右侧外边距
应用实例：

.input-wrapper{
	border: 0;
	padding: 1em 0.8em;
	width: 100%;
}

效果图：

代码中添加：box-sizing: border-box;

.input-wrapper{
	border: 0;
	padding: 1em 0.8em;
	width: 100%;
	box-sizing: border-box;
}

效果图：