1、1.框架：选择开源框架booststrap，直接进入官网会有详细教程，基础的html、css、javascript,必须要知道，否则没基础的人根本看不懂。还有一款Bootstrap可视化布局系统，这是为了方便初学者用bootstrap而做的在线编辑的系统，只需要把各种需要的div往里面拖拽进去就可以了
2、2.不用框架：不用框架相对写起来比较麻烦，因为很多代码都需要自己去写了，这里面涉及了css3的知识，手机端适配无非就是根据电脑和手机的尺寸进行判定，进而决定用多大的width，height，布局相对于电脑版进行修改
<style>
body {
background-color: pink;
}
@media screen and (min-width: 480px) {
body {
background-color: yellow;
}
}
如果媒体类型屏幕的可视窗口宽度小于 480 px ，背景颜色将改变。
@media screen and (min-width: 480px)这个代码就是设置屏幕大小的。
