转: 根据屏幕分辨率,浏览器调用不同css
<link type="text/csss" href="" rel="stylesheet"/>
<link type="text/csss" href="" rel="stylesheet"/>
<link type="text/csss" href="" rel="stylesheet"/>
<script type="text/javascript">
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
var ie600="ie1.css";
var ie768="ie2.css";
var ie864="ie3.css";
var ie960="ie4.css";
var ieOtherother="ie6.css";
ScreenWidth(ie600,ie768,ie864,ie960,ieOtherother);
}else{
//if (window.navigator.userAgent.indexOf("Firefox")>=1) {
//如果浏览器为Firefox
// var Firefox1024="style1";
// var Firefox800="style2.css";
// var Firefox1152="css1.css";
// var Firefoxother="css1.css";
// ScreenWidth(Firefox1024,Firefox800,Firefox1152,Firefoxother);
//}else{
//如果浏览器为其他
var Other600="qita1.css";
var Other768="qita2.css";
var Other864="qita3.css";
var Other960="qita4.css";
var Otherother="qita.css";
ScreenWidth(Other600,Other768,Other864,Other960,Otherother);
//}
}
function ScreenWidth(CSS1,CSS2,CSS3,CSS4,CSS5){
if (screen.height <= 600){
setActiveStyleSheet(CSS1);
}else{
if((screen.height>=600) && (screen.height<=768)){
setActiveStyleSheet(CSS2);
}else{
if ((screen.width >=768) && (screen.height <=864 )){
setActiveStyleSheet(CSS3);
}else{
if ((screen.height >= 864) && (screen.height <=960 )){
setActiveStyleSheet(CSS4);
}else{
setActiveStyleSheet(CSS5);
}
}
}
}
}
function setActiveStyleSheet(title){document.getElementsByTagName("link")[2].href="<%=path %>consultantHelp/css/"+title;}
<!--
//根据浏览器来选择CSS
// if (!window.XMLHttpRequest) {
// setActiveStyleSheet("ie6.css"); //IE6
// }else if(window.ActiveXObject){
// setActiveStyleSheet("ie6.css"); //IE7
// } else {
// setActiveStyleSheet("qita.css"); //Mozilla FireFox、Safari, etc.
// }
// function setActiveStyleSheet(filename){
// document.getElementsByTagName("link")[2].href="<%=path %>consultantHelp/css/"+filename;
// }
-->
</script>
转: 根据屏幕分辨率,浏览器调用不同css的更多相关文章
- 根据判断PC浏览器类型和手机屏幕像素自动调用不同CSS的代码
1.媒体查询方法在 css 里面这样写 -------------------- @media screen and (min-width: 320px) and (max-width: 480px) ...
- JS判断浏览器类型和屏幕分辨率来调用不同的CSS样式
代码如下: <!-- if (window.navigator.userAgent.indexOf("MSIE")>=1) { var IE1024="&qu ...
- webapp开发——‘手机屏幕分辨率’与‘浏览器分辨率’不要混淆
关于webApp响应式设计遇到的问题,分享给大家,最近在做一个手机webApp,因为我手机是”米3“,屏幕截图大小是1080宽,所以css样式用@media screen and(min-width: ...
- 响应式设计:理解设备像素,CSS像素和屏幕分辨率
概述 屏幕分辨率.设备像素和CSS像素这些术语,在非常多语境下,是可互换的,但也因此easy在有差异的地方引起混淆,实际上它们是不同的概念. 屏幕分辨率和设备像素是物理概念,而CSS像素是WEB编程的 ...
- JS获取浏览器高宽度,屏幕分辨率和一些定位空隙等
IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.d ...
- CSS根据屏幕分辨率宽度自动适应的办法
CSS根据屏幕分辨率宽度自动适应的办法 第一种办法是js选择CSS <SCRIPT language=JavaScript><!-- Beginif (screen.width == ...
- JS获取浏览器信息及屏幕分辨率
因为vue有自己的生命周期,初始化数据的时候,可以在钩子函数created()函数里初始化数据,也可以在mounted()函数里获取,但是两者是不同的,获取浏览器和屏幕分辨率的时候,不能在create ...
- 如何让不同浏览器调用不同的CSS样式
如何让不同浏览器调用不同的CSS样式 由 于对W3C标准支持程度的不同,往往导致同一个CSS样式表在各种Web浏览器中的呈现大相径庭.以目前市场占有率最高的两个浏览器Microsoft Interne ...
- JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWid ...
随机推荐
- linux解压.tar.xz压缩包
今天,打算更新一下node版本(v6.11.1 -> v8.9.4),结果阿里云服务器使用nvm命令下载慢如牛,于是直接在node官网找到合适的v8.9.4压缩包下载到电脑里,然后up到阿里云服 ...
- IntelliJ IDEA使用心得之快捷键篇
关于IDEA快捷键的文章有很多,因此,我只对经常使用快捷键进行介绍. 因为我的第一款IDE是eclipse,因此我是根据eclipse的快捷键习惯来重置IDEA的快捷键. 点击进入IDE设置界面:
- docker网络之macvlan
macvlan接口类型简单说类似于子接口,但相比子接口来说,macvlan接口拥有自己独立的mac地址,因此使用macvlan接口可以允许更多的二层操作.macvlan有四种模式:VEPA,bridg ...
- 三篇文章了解 TiDB 技术内幕 - 说存储(转)
引言 数据库.操作系统和编译器并称为三大系统,可以说是整个计算机软件的基石.其中数据库更靠近应用层,是很多业务的支撑.这一领域经过了几十年的发展,不断的有新的进展. 很多人用过数据库,但是很少有人实现 ...
- CentOS rar
基本unrar用法: unrar x -o- -y heidian.rar /var/www/ (把heidian.rar 文件,解压到/var/www/ 目录.要注意/ 结束)
- mysql2
第三章 保证数据完整性 3.1 数据完整性的概述:实体完整性 域完整性 引用完整性 用户自定义完整性 3.2 数据完整性的实现 3.2.1 创建非空约束 (在定义列后加上 not n ...
- 求最短路径的三种算法: Ford, Dijkstra和Floyd
Bellman-Ford算法 Bellman-Ford是一种容易理解的单源最短路径算法, Bellman-Ford算法需要两个数组进行辅助: dis[i]: 存储顶点i到源点已知最短路径 path[i ...
- Node.js处理I/O数据之Buffer模块缓冲数据
一.前传 在之前做web时也经常用到js对象转json和json转js对象.既然是Node.js处理I/O数据,也把这个记下来. Json转Js对象:JSON.parse(jsonstr); //可以 ...
- SpringMVC中文件上传
在SpringMVC中上传文件是比较方便的.主要分为以下几个步骤: 1)在applicationContext.xml中增加相应类的引用 <bean id="multipartReso ...
- git 查看暂存区
一.简介 git ls-files 命令是用来查看暂存区中文件信息 二.常用参数 参数说明(括号里是简写) --cached(-c)显示暂存区中的文件,git ls-files命令默认的参数 --de ...