调用不同分辨率的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

用法:放在

中即可。

相信看了这些案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

相关阅读:

HTML如何2d和3d转换

HTML如何2d和3d转换

HTML如何2d和3d转换

以上就是调用不同分辨率的css文件方法的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3121296.html

(0)
上一篇 2025年3月29日 17:49:17
下一篇 2025年3月29日 17:49:25

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • CSS隔行换色教程

    我们知道,在html中,ul,li列表之前需要用色差布局的效果,那么ul li 怎么用css做出隔行换色呢?今天就给大家做一个实例来示范一下。 为了不影响程序做调用,让程序简便,使用ul li列表布局实现以上间隔背景色布局,同时鼠标滑过悬停…

    编程技术 2025年3月29日
    000
  • 如何用CSS做图片旋转效果

    今天教大家如何用css在html做出图片旋转的效果,图片的任意角度都可以旋转,但是唯一兼容性问题就是不支持ie9以下的浏览器,只要支持h5的浏览器都支持本效果。 完整HTML代码如下: nbsp;HTML>   图片旋转 在线演示  …

    编程技术 2025年3月29日
    100
  • 怎样不使用CSS改变鼠标悬停样式

    我们知道 ,在网页布局中,有一些特殊情况我们是不能直接使用外部的css样式来控制div样式的,比如对a设置a:hover这种,那么我们要怎么不适用css样式来改变鼠标悬停样式呢? 可以使用onMouseOver(鼠标移到目标上)和onMou…

    编程技术 2025年3月29日
    100
  • Css3中word-wrap属性使用详解及实例

    我们都知道,word-wrap word-wrap是css3的新属性,那么这篇文章就给大家详细讲解一下word-wrap属性怎么使用,以及使用的word-wrap,下面来看一个小列子。 1、定义 word-wrap 属性允许长单词或 URL…

    编程技术 2025年3月29日
    100
  • 用css3实现动画下拉菜单效果的实现步骤

    我们知道,使用css3做出来的下拉菜单是不兼容ie6的,而ie8和以下也就不支持一些css3的属性了,比如opacity、transition等。这次就来给大家说一下用css3实现动画下拉菜单效果的实现步骤。 site-navigation…

    编程技术 2025年3月29日
    100
  • CSS3的动画属性如何使用

    给大家收集一下 @keyframes 规则和所有,我们都知道@keyframes 是规定动画的意思,下面做一个实战案例,帮助大家理解,一起来看一下。 属性   描述   CSS @keyframes 规定动画。 animation     …

    编程技术 2025年3月29日
    100
  • 用CSS3做出逐渐发光的方格边框实现步骤

    我们知道,如果使用伪元素来实现边框逐渐发光的代码,会用到scale和opacity这两个属性,那么今天就来实现一个css3做出逐渐发光的方格边框的案列,帮助大家更好的了解css3,一起来看一下。 Html代码          @@##@@…

    编程技术 2025年3月29日
    100
  • 如何写出高效的CSS选择符

    我们都知道css选择符有很多种,很多人在写css页面的时候,或许觉得很好玩也很简单,但是你会慢慢的发现,那就是没有规则的瞎写,虽然也能实现效果,但是在实际开发中可能会多做无用功或是重复做功,并且css并不高效。所以本文我们将教大家如何写出高…

    编程技术 2025年3月29日
    100
  • Css3中的变形属性的相关实现步骤

    我们知道,在css3中的transm,是可以让元素在2d和3d之间进行形状的变化的,那么我们今天就来说一下css3中的变形属性。 transform属性,最最重量CSS3改变。让元素在2D、3D进行形状的变化。 2D变形 deg表示degr…

    编程技术 2025年3月29日
    100
  • css3中的word-break属性使用教程

    我们知道,在css3中有一个很重要的属性,那么今天就给大家介绍清楚word-break属性的定义,语法,参数以及用word-break做一个小列子,帮助大家理解。 1、定义 word-break 属性规定自动换行的处理方法。 提示:通过使用…

    编程技术 2025年3月29日
    100

发表回复

登录后才能评论