[转载]根据分辨率不同调用不同的css文件

最新推荐文章于 2024-09-16 08:47:17 发布
最新推荐文章于 2024-09-16 08:47:17 发布
阅读量77 收藏
点赞数
文章标签： javascript php ViewUI
原文链接：http://www.cnblogs.com/rangeliu/archive/2007/10/10/1188028.html
版权

本贴来自ZDNetChina中文社区 http://bbs.zdnet.com.cn ,本贴地址：http://bbs.zdnet.com.cn/viewthread.php?tid=108803


【解 释】：
ContractedBlock.gif ExpandedBlockStart.gif SCRIPT
<SCRIPT LANGUAGE="javascript"> 
　　<!-- 
　　if (window.navigator.userAgent.indexOf("MSIE")>=1) 
　　{ 
　　var IE1024=""; 
　　var IE800=""; 
　　var IE1152=""; 
　　var IEother="";  
　　ScreenWidth(IE1024,IE800,IE1152,IEother) 
　　}else{ 
　　if (window.navigator.userAgent.indexOf("Firefox")>=1) 
　　{ 
　　file://如果浏览器为Firefox 
　　var Firefox1024=""; 
　　var Firefox800=""; 
　　var Firefox1152=""; 
　　var Firefoxother=""; 
　　ScreenWidth(Firefox1024,Firefox800,Firefox1152,Firefoxother) 
　　}else{ 
　　file://如果浏览器为其他 
　　var Other1024=""; 
　　var Other800=""; 
　　var Other1152=""; 
　　var Otherother=""; 
　　ScreenWidth(Other1024,Other800,Other1152,Otherother) 
　　} 
　　} 
　　function ScreenWidth(CSS1,CSS2,CSS3,CSS4){ 
　　if ((screen.width == 1024) && (screen.height == 768)){ 
　　setActiveStyleSheet(CSS1); 
　　}else{ 
　　if ((screen.width == 800) && (screen.height == 600)){ 
　　setActiveStyleSheet(CSS2); 
　　}else{ 
　　if ((screen.width == 1152) && (screen.height == 864)){ 
　　setActiveStyleSheet(CSS3); 
　　}else{ 
　　setActiveStyleSheet(CSS4); 
　　}}} 
　　} 
　　function setActiveStyleSheet(title){  
　　document.getElementsByTagName("link")[0].href="style/"+title;  
　　} 
　　file://--> 
</SCRIPT>

 

　　 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。

ContractedBlock.gif ExpandedBlockStart.gif Code
<SCRIPT LANGUAGE="javascript"> 
　　<!-- 
　　if (window.navigator.userAgent.indexOf("MSIE")>=1) 
　　{ 
　　file://如果浏览器为IE 
　　setActiveStyleSheet("default.css"); 
　　}else{ 
　　if (window.navigator.userAgent.indexOf("Firefox")>=1) 
　　{ 
　　file://如果浏览器为Firefox 
　　setActiveStyleSheet("default2.css"); 
　　}else{ 
　　file://如果浏览器为其他 
　　setActiveStyleSheet("newsky.css"); 
　　} 
　　}  
　　function setActiveStyleSheet(title){  
　　document.getElementsByTagName("link")[0].href="style/"+title;  
　　} 
　　file://--> 
</SCRIPT> 

 

　　解 释：

　　如果浏览器为IE，则调用default.css

　　如果浏览器为Firefox，则调用default2.css

　　如果浏览器为其他，则调用newsky.css

　　用法：放在<head></head>中即可。

转载于:https://www.cnblogs.com/rangeliu/archive/2007/10/10/1188028.html

weixin_30827565
关注
前端基础CSS+html篇 2w字吐血总结
chengxuyuanlee的博客
12-30 1942
前端工程师是互联网时代软件产品研发中不可缺少的一种专业研发角色。从狭义上讲，前端工程师使用 HTML、CSS、JavaScript 等专业技能和工具将产品UI设计稿实现成网站产品，涵盖用户PC端、移动端网页，处理视觉和交互问题。从广义上来讲，所有用户终端产品与视觉和交互有关的部分，都是前端工程师的专业领域。
html调用rpst 源码_html5播放rtsp方案
weixin_42721619的博客
01-17 907
由于工作的原因需要开发海康和大华的摄像头，当中遇到了在浏览器播放实时画面的问题，由于摄像头是rtsp格式的，h5原生不支持这种格式，网上查了很多教程大多是使用rtsp转rtmp，不过rtmp需要falsh的支持，但是在chrome已经默认禁用、包括未来也会逐渐淘汰，所有最终这种方案被淘汰。于是我想应该把rtsp转化成一种类似http协议的方式，能够直接被h5识别，于是我google，百度就不用说了...
CSS响应式：根据分辨率加载不同CSS的几个方法，亲测可用
weixin_30652879的博客
12-13 169
有时候你需要把同一个页面在手机和pc同时打开，其中有一个办法就是判断不同分辨路加载不同的css 小编总结了几种分别加载css的方法： 1.比较复杂的使用js判断加载不同css （亲测可用） 但是这种方法只有最开始的时候会判断，如果你拖动浏览器大小是不会发生改变的（当然如果喜欢拖着玩的话） 1 <link rel="stylesheet" type="text/cs...
根据分辨率不同调用不同的css文件
weixin_30832351的博客
08-20 156
摘录于 http://bbs.zdnet.com.cn/thread-108803-1-1.html <SCRIPT LANGUAGE="javascript"> 　　<!-- 　　if (window.navigator.userAgent.indexOf("MSIE")>=1) 　　{ 　　var IE1024=""; 　　va...
用js实现根据不同的分辨率和浏览器调用不同的css文件
晓风揽月
11-28 2131
方法一：（根据ID设定） <!-- if (screen.width == "800") { document.getElementById("MyCSS").href="800.css"; document.getElementById("xinxi").innerHTML="你的分辨率是800，系统自动为你处理为最佳显示模式。"; } else if (screen.width ==
js根据浏览器加载css文件,用js实现根据不同的分辨率和浏览器调用不同的css文件...
weixin_31645409的博客
08-04 362
方法一：(根据ID设定)方法二：(根据来访域名(或者分辨率)自动选择不同的CSS样式)if(window.screen.width==1280){document.write("");}if(window.screen.width==800){document.write("");}方法三：(根据来访域名(或者分辨率)自动选择不同的CSS样式)根据来访域名来自动选择CSS样式例如一个网站有两个域名...
判断用户分辨率调用不同的CSS样式文件
dianzongfan5428的博客
05-31 80
判断用户分辨率调用不同的CSS样式文件 　　（未测试来自网络请自行验证） 　　varIE1024=""; 　　varIE800=""; 　　varIE1152=""; 　　varIEother="";　 　　引号里面分别填写，用户使用IE的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名。　　 　　varFir...
最全的springboot之application.properties配置文件详解
Demon丶冷漠
01-04 2481
为方便自己使用，在全网找的最全的application.properties配置文件详解，需要的时候可以来这里找一下配置！ 目录 1.网友的配置 2.王军伟老师的总结 1.网友的配置 # REDIS (Redis 配置) # 连接工厂使用的数据库索引 spring.redis.database= 0 # Redis服务器主机 spring.redis.host= # redis服务器端口 spring.redis.port= 6379 # 登录redis服务器的密码 spring.redis..
tab页小插件（转载
03-06
2. **响应式设计**：考虑到移动设备的屏幕大小，插件应具备响应式布局，以适应不同分辨率的设备。 3. **用户体验**：Tab页的切换速度、标签的清晰度和易用性都是提升用户体验的关键因素。 4. **错误处理**：在处理...
如何使用CSS来进行网页排版
每天努力点吧
09-22 3371
 第1天:选择什么样的DOCTYPE前言大家好！这个系列文章是按阿捷自己制作w3cn.org站点的过程编写的。之前阿捷也一直没有制作过一个真正符合web标准的网站。现在边参考国外资料边制作，同时把过程中的心得和经验记录下来，希望对大家有点帮助。好了，让我们开始吧。第一天开始制作符合标准的站点，第一件事情就是声明符合自己需要的DOCTYPE。查看本站首页原代码，可以看到第
js中【Worker】相关知识点详细解读
2301_79858914的博客
09-11 885
JavaScript 中的 Worker 是一个可以在后台线程中运行代码的 API，这样可以避免主线程（通常是 UI 线程）被阻塞。使用 Worker 时，JavaScript 可以在多线程环境中工作，解决了单线程的瓶颈问题。通常情况下，JavaScript 是单线程的，也就是所有的代码（包括 DOM 操作和事件处理等）都在同一个线程里执行。如果某段代码需要大量计算，或者运行时间过长，会阻塞整个页面，导致界面卡顿甚至崩溃。Worker提供了一种将复杂或耗时的任务分配到后台线程执行的方法。
使用 uni-app 开发微信小程序的详细指南
最新发布
2301_79685859的博客
09-16 496
uni-app是一个使用 Vue.js 框架开发跨平台应用的前端框架。开发者通过编写一套代码，可以生成多端应用，包括 H5、iOS、Android、微信小程序、支付宝小程序、字节跳动小程序等。
echarts.js+china.js实现中国地图各省数据案例
qq_58258855的博客
09-11 487
实现中国地图各省数据案例
Vue接入高德地图并实现基本的路线规划功能
黄团团的个人博客
09-11 529
找到public目录下的index.html文件，把刚才申请好的2个密钥分别粘贴进去，第一个securityJsCode是填入安全密钥，第二个红框是填入Key。登录高德开放平台，点击我的应用，先添加新应用，然后再添加Key。如图所示填写对应的信息，系统就会自动生成。
JS笔记
2201_76100326的博客
09-11 908
javascript中的对象分为3种：自定义对象，内置对象，浏览器对象 JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。在 JavaScript 中，对象是拥有属性和方法的数据。属性是与对象相关的值。方法是能够在对象上执行的动作。.关键词（）
vue3中动态引入本地图片的两种方法
haodanzj的博客
09-11 293
动态在本地引入图片
JS的输出语句
J3259392566的博客
09-13 276
js中严格区分大小写。
八十多种证件识别接口-JavaScript身份证识别API示例-护照识别-户口页识别
weixin_41711744的博客
09-12 633
证件识别API包含了身份证识别、护照识别、户口页识别、港澳台来往通行证识别等八十多种证件识别类型，提供了快速、精准的证件信息提取功能，广泛应用于实名认证 、机场出入口等场景。身份证识别API常用于在线支付、金融服务、酒店入住等需要进行实名认证和提取身份信息的场景。在这些场景中，通过快速识别和验证身份证信息，可以有效提高处理速度，减少人为错误，增强安全性。八十多种证件识别接口提供了一种高效、精准的识别方式来读取各类证件信息，通过合理应用这些技术，可以大幅提升用户体验和企业运营效率。
《实现 HTML 图片轮播效果》
qq_69304031的博客
09-11 815
在网页设计中，轮播效果是非常常见且重要的元素。它可以在有限的空间内展示多张图片或者广告，能够有效地吸引用户的注意力，提高信息展示的效率。常用于网站首页的焦点图展示、商品图片展示等场景。以下是一个简单的 HTML、CSS 和 JavaScript 实现的图片轮播代码示例。
Python跨文件调用自定义函数详解
在Python编程中，有时我们需要在不同的文件（模块）之间共享代码，这通常涉及到跨.py文件调用自定义函数。这个过程可以帮助我们组织代码，使其更易于管理和维护。本文将详细介绍如何在Python中实现这一功能。 1. ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值