移动端适配怎么做

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)这个代码就是设置屏幕大小的。