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代碼 */
    }

以上就是最經典判斷是電腦端仍是手機端。