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