CSS0001： CSS判斷手機 平板 PC

    <style>

        /*手機*/
        @media screen and (max-width:600px){
            .box_2 {
                padding-top: 45px;
                padding-bottom: 50px;
                /* background: #fff; */
                /* 添加背景圖片 */
                background-image: url("Home/images/bgP.jpg");
                background-size: 100% 100%;
                background-repeat: no-repeat;
                background-position: center;
            }
        }
        /*平板*/
        @media screen and (min-width:600px) and (max-width:960px){
            .box_2 {
                padding-top: 45px;
                padding-bottom: 50px;
                /* background: #fff; */
                /* 添加背景圖片 */
                background-image: url("Home/images/bg2.jpg");
                background-size: 100% 100%;
                background-repeat: no-repeat;
                background-position: center;
            }
        }
        /*PC*/
        @media screen and (min-width:960px){
            .box_2 {
                padding-top: 45px;
                padding-bottom: 50px;
                /* background: #fff; */
                /* 添加背景圖片 */
                background-image: url("Home/images/bg2.jpg");
                background-size: 100% 100%;
                background-repeat: no-repeat;
                background-position: center;
            }
        }

    </style>