流式布局

流式布局方法

最大最小网页设置及字体em设置

1. 为了简化font-size的换算，需要在css中的body选择器中先全局声明 Font-size=62.5%，很多初学者可能会在此定义0.625em或者直接定义12px，这是没有效果的，一定要定义font-size=62.5%！

2. 这就使em值变为 16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10，然后换上em作为单位就行了。

3. 由于em具有会继续父级出血元素的字体大小的特点，这使得1em=10px，所以12px=1.2em。px与em的转换通过10就可以得来，很方便了吧！

4. 因为屏幕太大或者太小字体会存在不适配,所以字体适配需要设置另一套方案稍后再说

/*手机最小的屏幕为320px但是很久的机器了,所以不再适配*/
body{

    font-size: 62.5% ;
    max-width: 960px;
    min-width: 360px;
    margin: 0 auto;
    font-family: '方正黑体简体';
   
    
}

宽度的设置

1. 宽度用百分设置就可以.\

借用媒体查询适配字体方案

此功能也多用于低于某个宽度隐藏模块

/* 如果低于767PX将隐藏 改变 */
@media screen  and (max-width:767px){
	类名{
			css代码
}
	

}