如何根据分辨率调用不同的css文件

html-css013

如何根据分辨率调用不同的css文件,第1张

css具有媒体响应功能,可以判断屏幕宽度,从而加载设置的css

如下代码,当宽度小于1000px的时候加载css下的css-mobile.css

<link href="css/css-mobile.css" rel="stylesheet" type="text/css" media="screen and (max-width: 1000px)">

如下代码,当宽度大于1000px的时候加载css下的css-pc.css

<link href="css/css-pc.css" rel="stylesheet" type="text/css" media="screen and (min-width: 1000px)">

你说的是分别引用不同的css文件吗

当宽度小于640px的时候加载css下的css-mobile.css

<link href="css/css-mobile.css" rel="stylesheet" type="text/css" media="screen and (max-width: 640px)">

当宽度大于640px的时候加载css下的css-pc.css

<link href="css/css-pc.css" rel="stylesheet" type="text/css" media="screen and (min-width: 640px)">

应该是浏览器的安装途径 不正确,或者是浏览器不支持电脑系统。如果你会更改安装途径的话,就改一下试试,不然就只好放弃这款浏览器了,下载一个极速云浏览器吧,速度非常快,用的很通畅,同时它也是IE内核的,网银和支付宝什么的都可以用