怎么根据分辨率调用css文件

这篇文章主要介绍“怎么根据分辨率调用css文件”,在日常操作中,相信很多人在怎么根据分辨率调用css文件问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么根据分辨率调用css文件”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

创新互联专注于企业营销型网站、网站重做改版、托里网站定制设计、自适应品牌网站建设、成都h5网站建设商城网站建设、集团公司官网建设、外贸营销网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为托里等各大城市提供网站开发制作服务。

根据分辨率不同,调用不同的css文件方法不同浏览器调用不同CSS文件

将以下JS代码放入和标签内,此段JS代码作用是辨别浏览器分辨率

 
 

解释:
var IE1024="";
var IE800="";
var IE1152="";
var IEother="";

引号里面分别填写,用户使用IE的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名.

       var Firefox1024="";
var Firefox800="";
var Firefox1152="";
var Firefoxother="";


引号里面分别填写,用户使用FF的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名。

var Other1024="";
var Other800="";
var Other1152="";
var Otherother="";


引号里面分别填写,用户使用其他浏览器的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名。


不判断分辨率,只判断浏览器

应E.Qiang提议,编如下代码。实现根据浏览器类型自动调用不同CSS。


调用不同CSS文件JS代码:

 

解释:

如果浏览器为IE,则调用default.css
如果浏览器为Firefox,则调用default2.css
如果浏览器为其他,则调用newsky.css
用法:放在中即可。

到此,关于“怎么根据分辨率调用css文件”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!


本文题目:怎么根据分辨率调用css文件
标题链接:http://hbruida.cn/article/ghojoh.html