屏幕缩放，不改变样式

布局方式

布局方式：

1.百分比布局
百分比布局能做到完整的适配，在当中应该少用margin和padding,不然会对后面的样式造成影响
2.flex布局
比较适用于手机端，在父元素上display:flex或者在行内元素上display:inline-flex
设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效
参考来源
3.设置版心，为了适应不同屏幕下的视觉效果，需要版心作为约束
版心的公共类的设定。
列子：

<div>
<div style="width:1200px;magin：0 auto；">
<div></div>
</div>
</div>

上面的1200px，就是这的这个网页的版心。
后期补充——————————————