如何实现页面同时在移动端和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