转: 根据屏幕分辨率,浏览器调用不同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 ...
随机推荐
- 07-python链接mysql
python3 中使用的是 PyMySQL模块, 取代了之前的 MysqlDB 模块, 其实使用都是一样的, 如果没有该模块的, 需要使用pip命令进行安装 pip install PyMySQL 安 ...
- Ceph 存储集群 - 存储池
目录 一.存储池介绍 二.存储池命令 1. 列出存储池 2. 创建存储池 3. 设置存储池配额 4. 删除存储池 5. 重命名存储池 6. 查看存储池统计信息 7. 生成存储池快照 8. 删除存储池快 ...
- java.lang 类String
方法摘要1 charcharAt(int index) 返回指定索引处的 char 值. index - char 值的索引.2 string concat( ...
- 常用工具说明--mysql数据库安装
MySQL安装文件分为两种,一种是msi格式的,一种是zip格式的.如果是msi格式的可以直接点击安装,按照它给出的安装提示进行安装(相信大家的英文可以看懂英文提示),一般MySQL将会安装在C:\P ...
- for in可遍历原型链上扩展的属性,Object.keys() 只遍历自身属性
一.for in 1.使用 for in 循环遍历对象的属性时,原型链上的所有属性都将被访问: Object.prototype.say="cgl"; // 修改Object.pr ...
- wcf读写cookie
一般来说,web应用的服务端(aspx或mvc的action)调用wcf时,是一个服务与服务的通讯,而不是客户端(浏览器)与服务器的通讯. 这种情况下,如果要在wcf端处理客户端的cookie,就需要 ...
- 【转】Stack Overflow研发副总裁:.NET技术并不差,合适自己就好
摘要:在QCon纽约大会上, Stack Exchange的工程部副总裁David Fullerton深入解析了如何使用C#.MS SQL等技术支撑Stack Overflow网站的单块应用架构,这个 ...
- [日常] MySQL的哈希索引和原理研究测试
1.哈希索引 :(hash index)基于哈希表实现,只有精确匹配到索引列的查询,才会起到效果.对于每一行数据,存储引擎都会对所有的索引列计算出一个哈希码(hash code),哈希码是一个较小的整 ...
- iOS 中的 armv7,armv7s,arm64,i386,x86_64 都是什么
在做静态库的时候以及引用静态库的时候经常会遇到一些关于真机模拟器不通用的情况,会报错找不到相应库导致编译失败, 这里简单记录一下各种设备支持的架构. iOS测试分为模拟器测试和真机测试,处理器分为32 ...
- iOS 关于Xcode上的Other linker flags
Targets选项下有Other linker flags的设置,用来填写XCode的链接器参数,如:-ObjC -all_load -force_load等.还记得我们在学习C程序的时候,从C代码到 ...