使用@media

@media是CSS3中引进的一个特性,称为媒体查询,可以直接写在<style></style>中间或者外部样式文件中。例如,查询媒体是否是屏幕,屏幕尺寸是否小于960px:

@media screen and (max-device-width:968px){
  /* 手机端CSS代码 */
}

以上就是最经典判断是电脑端还是手机端。

备注:960px只是一个大概的数值,如果要做到完美适配还是要看显示屏。