我们知道,在做前端开发的时候最怕遇到的一个是分辨率,一个是兼容性,那么今天就来给大家解决调用不同分辨率的问题。一起来看一下
将以下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