css 适配

https://blog.csdn.net/weixin_35467885/article/details/80778992

一、经过link方法

link方法引入媒体类型其实就是在 标签引用样式的时候，经过link标签中的media属性来指定不一样的媒体类型。这种方式引入媒体类型时常跟着引用的样式文件走，以下所示。

<!--手机端-->
    <link rel="stylesheet" type="text/css" href="style_phone.css" media="screen and (max-width: 960px)"/>
    <!--电脑端-->
    <link rel="stylesheet" type="text/css" href="style_PC.css" media="screen and (min-width: 960px)"/>

二、使用@media

@media是CSS3中引进的一个特性，称为媒体查询，能够直接写在中间或者外部样式文件中。例如，查询媒体是不是屏幕，屏幕尺寸是否小于960px：

@media screen and (max-width: 960px){
      /* 手机端CSS代码 */
    }
     
    @media screen and (min-width: 960px){
      /* 电脑端CSS代码 */
    }

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