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

最新推荐文章于 2024-09-22 11:17:00 发布
最新推荐文章于 2024-09-22 11:17:00 发布
阅读量78 收藏
点赞数
文章标签： 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响应式：根据分辨率加载不同CSS的几个方法，亲测可用
weixin_30652879的博客
12-13 169
有时候你需要把同一个页面在手机和pc同时打开，其中有一个办法就是判断不同分辨路加载不同的css 小编总结了几种分别加载css的方法： 1.比较复杂的使用js判断加载不同css （亲测可用） 但是这种方法只有最开始的时候会判断，如果你拖动浏览器大小是不会发生改变的（当然如果喜欢拖着玩的话） 1 <link rel="stylesheet" type="text/cs...
根据分辨率不同调用不同的css文件
weixin_30832351的博客
08-20 159
摘录于 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 2132
方法一：（根据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 363
方法一：(根据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...
css适配不同分辨率屏幕
热门推荐
探索丶挑战丶突破
07-21 6万+
如今的屏幕分辨率，小至320px（iPhone），大到2560px甚至更高（大显示器），变化范围极大。除了使用传统的台式机，用户会越来越多的通过手机、上网本、iPad一类的平板设备来浏览页面。这种情况下，固定宽度的设计方案将会显得越发不合理。页面需要有更好的适应性，其布局结构要做到根据不同的设备及屏幕分辨率进行响应调整。接下来，我们将了解一下怎样通过HTML5和CSS3 Media Queries...
根据分辨率不同调用不同的css文件(转)
weixin_30546933的博客
01-22 81
摘录于 http://bbs.zdnet.com.cn/thread-108803-1-1.html <SCRIPT LANGUAGE="javascript"> 　　<!-- 　　if (window.navigator.userAgent.indexOf("MSIE")>=1) 　　{ 　　var IE1024=""; 　　var IE...
js 根据屏幕大小调用不同的css文件
weixin_30530339的博客
12-08 88
原因:屏幕大小不一样,网站看起来总觉得怪怪的,所以,针对不同大小的屏幕,写了不同的css,写完了,要解决的问题就是:怎么根据屏幕的大小来引用不同的CSS,下面就是解决方法了. 解决方法:首先,在head标签里面先引用一个通用的CSS文件,如下: <linkhref="Styles/Style.css"id="css"rel="stylesheet"type="t...
根据浏览器和分辨率通过JS动态调用CSS文件
weixin_30778805的博客
11-22 79
方法一 View Code <SCRIPT LANGUAGE="JavaScript"> <!-- if (window.navigator.userAgent.indexOf("MSIE")>=1) { var IE1024=""; var IE800=""; var IE1152=""; var IEother=""; ScreenWi...
tab页小插件（转载
03-06
2. **响应式设计**：考虑到移动设备的屏幕大小，插件应具备响应式布局，以适应不同分辨率的设备。 3. **用户体验**：Tab页的切换速度、标签的清晰度和易用性都是提升用户体验的关键因素。 4. **错误处理**：在处理...
前端基础CSS+html篇 2w字吐血总结
chengxuyuanlee的博客
12-30 1951
前端工程师是互联网时代软件产品研发中不可缺少的一种专业研发角色。从狭义上讲，前端工程师使用 HTML、CSS、JavaScript 等专业技能和工具将产品UI设计稿实现成网站产品，涵盖用户PC端、移动端网页，处理视觉和交互问题。从广义上来讲，所有用户终端产品与视觉和交互有关的部分，都是前端工程师的专业领域。
html调用rpst 源码_html5播放rtsp方案
weixin_42721619的博客
01-17 911
由于工作的原因需要开发海康和大华的摄像头，当中遇到了在浏览器播放实时画面的问题，由于摄像头是rtsp格式的，h5原生不支持这种格式，网上查了很多教程大多是使用rtsp转rtmp，不过rtmp需要falsh的支持，但是在chrome已经默认禁用、包括未来也会逐渐淘汰，所有最终这种方案被淘汰。于是我想应该把rtsp转化成一种类似http协议的方式，能够直接被h5识别，于是我google，百度就不用说了...
最全的springboot之application.properties配置文件详解
Demon丶冷漠
01-04 2505
为方便自己使用，在全网找的最全的application.properties配置文件详解，需要的时候可以来这里找一下配置！ 目录 1.网友的配置 2.王军伟老师的总结 1.网友的配置 # REDIS (Redis 配置) # 连接工厂使用的数据库索引 spring.redis.database= 0 # Redis服务器主机 spring.redis.host= # redis服务器端口 spring.redis.port= 6379 # 登录redis服务器的密码 spring.redis..
计算机毕业设计之：基于微信小程序的诗词智能学习系统（源码+文档+解答）
最新发布
程序员阿龙的博客
09-22 3552
博主介绍： ✌我是阿龙，一名专注于Java技术领域的程序员，全网拥有10W+粉丝。作为CSDN特邀作者、博客专家、新星计划导师，我在计算机毕业设计开发方面积累了丰富的经验。同时，我也是掘金、华为云、阿里云、InfoQ等平台的优质作者。通过长期分享和实战指导，我致力于帮助更多学生完成毕业项目和技术提升。 技术范围： 我熟悉的技术领域涵盖SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等方
运行VUE项目运行时候的报错汇总
W3306698294的博客
09-21 267
上面的问题解决问题：【在npm install 后面加 --legacy-peer-deps，就可以解决了】
Babel
小秀的博客
09-20 675
它的主要作用是为了确保在不同浏览器和环境中运行 JavaScript 代码时保持一致的行为，尤其是提供对较新 ECMAScript 特性（如 Promise、Symbol、Object.assign 等）的支持。随着 JavaScript 标准不断更新，新的特性和功能被添加，但并不是所有的浏览器都能及时支持这些新特性。core-js 通常与 Babel 一起使用。core-js 是模块化的，这意味着开发者可以按需引入自己需要的 polyfill，而不是全部引入，这不仅能减少代码体积，还有助于提高性能。
RedisTemplate混用带来的序列化问题
咖啡煮码
09-18 893
RedisTemplate 不要乱用哦，否则极易出现序列化问题
前端vue3打印，多页打印，不使用插件（工作中让我写一个打印功能）
m0_51798113的博客
09-17 787
getTableData().tableData，其实就是去后端获取参数去了，因为这是公司的前端框架，基于vxe的，包装的方法，获取了一个表格信息，相当于获取参数。说下总体思路，创建一个组件，里面放多个span字段，然后根据父组件传入的参数，生成子组件，最好我们打印子组件的信息即可。这里也很关键，中间我遇到一个问题，那就是经常第一次点击按钮，dom元素没有加载完，就弹出打印框了，所以我加了一个异步事件，还有记得把抽屉关了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值