如何實現頁面同時在移動端和pc端的兼容問題


每天保持睡不着又醒不來的狀態,只有麻木的做人麻木的,麻木的呼吸忘記自己的存在

同時在移動端和pc端的兼容問題

<head>
    <link rel="stylesheet" href="./css/common.css">
    <link rel='stylesheet' href='./css/home.css' media='screen and (min-width: 480px)'>
    <link rel='stylesheet' href='./css/homeMobile.css' media='screen and (max-width: 479px)'>
</head>

當你瀏覽器寬度大於480px時,瀏覽器就會解析./css/home.css這個css文件;

當你歷覽器寬度小於479px時,瀏覽器會解析./css/homeMobile.css這個css文件。

而我們瀏覽器寬度最小寬度一般情況下都不會低於480px;而移動端瀏覽器寬度一般都為375左右,所以我們判斷當小於480px時加載移動端的css樣式表


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM