官网适配手机诀窍

1、问题点：当你开发一套网站发现未适配手机时，以下的解决方案可能会帮助到你。

2、当宽度小于640px的时候加载css下的css-mobile.css
<link href="css/css-mobile.css" rel="stylesheet" type="text/css" media="screen and (max-width: 640px)">

当宽度大于640px的时候加载css下的css-pc.css
<link href="css/css-pc.css" rel="stylesheet" type="text/css" media="screen and (min-width: 640px)">

3、通过隐藏适配pc端代码

.nav_content{
display: none;
}

.banner{
display: none;
}


.school{
display: none;
}


.copyrights{
display: none;
}

4、有图有真相：

pc

phone