根据分辨率不同调用不同的css文件(转)

最新推荐文章于 2021-08-03 22:24:13 发布
最新推荐文章于 2021-08-03 22:24:13 发布
阅读量110 收藏
点赞数
文章标签： javascript json php ViewUI
 

摘录于 http://bbs.zdnet.com.cn/thread-108803-1-1.html

<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>
本贴来自ZDNetChina中文社区 http://bbs.zdnet.com.cn ,本贴地址：http://bbs.zdnet.com.cn/viewthread.php?tid=108803

 

 


【解 释】：

　　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。


　　代码：

　　<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>中即可。
本贴来自ZDNetChina中文社区 http://bbs.zdnet.com.cn ,本贴地址：http://bbs.zdnet.com.cn/viewthread.php?tid=108803

weixin_34007020
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
根据分辨率不同，调用不同的css文件
12-12
dotted; TABLE-LAYOUT: fixed; BORDER-TOP: #cccccc 1px dotted; BORDER-LEFT: #cccccc 1px dotted; BORDER-BOTTOM: #cccccc 1px dotted” cellSpacing=0 cellPadding=6 width=”95%” align=...
根据不同分辨率引用不同css
crazywsp的博客
05-21 1068
项目可能会运用到不同分辨率的界面上，这里简单说明了根据不同分辨率引用不同的css文件，进而改变页面样式等。 <script> $(function () { /** 获取显示屏幕宽度，即分辨率 **/ var width = document.documentElement.clientWidth; /** 当宽度大于1920时...
根据分辨率不同，调用不同的CSS文件
myfreeway的专栏
09-21 1055
根据分辨率不同，调用不同的CSS文件根据分辨率不同，调用不同的css文件 dotted; TABLE-LAYOUT: fixed; BORDER-TOP: #cccccc 1px dotted; BORDER-LEFT: #cccccc 1px dotted; BORDER-BOTTOM: #cccccc 1px dotted" cellSpacing=0 cellPadding=6
根据设备加载不同的css文件
耿彦丰的博客
06-16 1100
//根据设备加载不同的样式 var setStyle = function(cssArr){ var i= 0,len = cssArr.length; for(i;i<len;i++){ document.write('<link href="'+cssArr[i]+'" type="text/css" rel=stylesheet>'); } }; .
vue 根据不同分辨率设置css
ansinyu的博客
08-01 1560
看到很多用vue的“大神”在实现动态分辨率适配的时候竟然还要引入第三方插件，实在受不了，教教这些人，用css的属性就完全可以实现同页面同组件不同样式的。 直接上代码： /* 分辨率宽度在1360px以下时 */ <style lang="scss" scoped> @media screen and (max-width: 1360px) { //只要设置了这个最大尺寸，就可以根据不同的情况单独设置组件的样式了 .item-content { width: 100px; }
ASP.NET根据屏幕分辨率调用不同css文件
03-17
根据屏幕分辨率的不同调用不同的css文件，用几句...根据分辨率调用不同的CSS文件，有利于让用户获得最佳的浏览体验，目前在不少门户网站的某些栏目中，就有类似的判断功能，返回给用户的界面是不一样的。 运行环境：
判断用户浏览器及分辨率调用不同的CSS样式文件
01-21
一般我们可以通过下面的代码判断分辨率 复制代码代码如下: [removed] <!– Begin function redirect...DIV CSS教程：判断用户分辨率调用不同的CSS样式文件 （未测试 来自网络 请自行验证） 复制代码代码如下: var
JS判断不同分辨率调用不同的CSS样式文件实现思路及测试代码
12-12
最近看一个网站，发现显示器不同的分辨率，样式文件调用的也不一样，今天写了一个例子研究一下， 代码如下: <!DOCTYPE HTML> <html> <head> <meta charset=”utf-8″> <title>无标题文档...
CSS 根据不同分辨率 用不同的图片
Hi, Sun
03-25 1708
在css2中允许我们使用media的属性，例如使用screen和print，我也写过一篇关于使用CSS media的print来定义打印网页的样式的文章，关于css2中的media文章，推荐下w3c的。今天来说说CSS3的Media Queries。CSS3中不仅仅可以使用screen和print，而且支持多媒体多分辨率的样式表。 我们先来看下CSS3 Media Queries的演示实例：h...
根据不同的访问设备跳转不同的域名链接
qq_36527174的博客
12-02 936
根据不同的访问设备跳转不同的域名链接 <script> //获取浏览器或者手机对象 function req_bortype() { var systemnumber; var systemname=window.navigator.userAgent.toLowerCase(); //判断是否苹果设备 if (/(iphone|ipad|ipod|ios)/i.test(systemname)) { systemnumber=1; return system
(转)能够根据屏幕分辨率自动调用不同CSS的JS代码
翔飞
01-27 235
[code="javascript"] if(window.screen.width1024){ document.write(""); } [/code]
less 新手入门（三） 作为函数使用的 Mixin、@import 导入指令 、@import 导入选项
胡西风的博客
12-05 7022
三、作为函数使用的 Mixin 从 mixin 返回变量 在 mixin 中定义的所有变量都是可见的，并且可以在调用者的作用范围中使用 (除非调用者用相同的名称定义它自己的变量)。 .mixin(){ @width:100%; @height:200px; } .caller{ .mixin(); width: @width; height: @heig...
根据屏幕分辨率获取css,根据分辨率判断调用相对应的css文件方法教程
weixin_39884832的博客
08-03 436
CSS DI设计的网页为了迎合各种分辨率的显示器，我们现在来告诉你如何判断客户端分辨率然后调用不同的css样式表。首先，我们将以下JS代码放入和标签内，用来判断浏览器分辨率 代码如下 复制代码 解释：var IE1024="";var IE800="";var IE1152="";var IEother="";引号里面分别填写，用户使用IE的时候并且分辨率为10...
【PHP】php通过javascript判断不同设备分辨率来调用不同的css class
叶箫大人博客
08-02 809
php通过javascript判断不同设备分辨率来调用不同的css,比较实用，随着移动设备的普及，越来越多的显示器的分辨率也不尽相同，要想满足在不同设备下访问同一个网站的效果显示，工程师们也要花心思了，我这几天也看了支付宝啊很多大网站的页面都没有做到这些，页面一到1024上就差劲得很。 因为我平常是实用笔记本1366、外接显示器是1024，于是乎发上来了，让设计师们把自己的网站搞得更加完善，请原谅我患了强迫症。
根据屏幕分辨率大小加载不同CSS.
暗影的博客
09-30 5174
一、根据屏幕分辨率大小加载不同CSS. html> head> html; charset=gb2312" /> var w=window.screen.width;//先获取屏幕分辨率大小 var c; if(w==1280){ c="a.css"; }else if(w==1024){ c="d.css"; }else if(w==800){ c=
【HTML】通过不同的分辨率调用不同的css，两种方法：css本身判断、js调用css
weixin_34326558的博客
07-24 275
通过百度发现很多的方法，不过每个方法用起来都不太好，css 直接判断的话，需要写很多，而如果，两套的话，书写起来就很方便，我个人采用了js这种方法，很有层次感。 下方这种方法是来自网络上http://www.divcss5.com/jiqiao/j662.shtml （是这个内容，不过不是这个网站复制的。） css： <s...
不同浏览器不同分辨率，调用不同的css文件
ximo's blog
09-11 452
if(window.navigator.userAgent.indexOf("MSIE")>=1)  　　{  　　var IE1024="";  　　var IE800="";  　　var IE1152="";  　　var IEother="";   　　ScreenWidth(IE1024,IE800,IE1152,IEother)  　　}else{  　　if(wind
html5根据不同的宽度加载不同的图片
面具哥布林的博客
01-10 2637
1、导入picturefill.js 文件。 2、<picture> <source srcset="imgs/phone/index-top.png" media="(max-width: 1023px)"> <img src="icon/99722036671140804.png"> </picture>会先加载适用宽度时所需的图片，找不到时就会用最后Img标签的图片。
jsp调用不了css文件
最新发布
06-01
如果你的 JSP 页面无法加载 CSS 文件，可能是因为以下原因之一： 1. 文件路径错误：确保在 JSP 页面中正确指定了 CSS 文件的路径。 2. 服务器配置问题：确保服务器已配置正确的 MIME 类型来支持 CSS 文件。 3. ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值