根据分辩率调用不同的CSS.

代码如下:

<head>
<script language=javascript> 
<!--
if (screen.width == 800)
{
document.write('<link rel=stylesheet type="text/css" href="css800.css">')
}
else {document.write('<link rel=stylesheet type="text/css" href="css1024.css">')}
//-->
</script>
</head>

赞 (0)

相关推荐

  • 根据分辩率调用不同的CSS.

    复制代码 代码如下: <head> <script language=javascript>  <!-- if (screen.width == 800) { document.write('<link rel=stylesheet type="text/css" href="css800.css">') } else {document.write('<link rel=stylesheet type="t

  • 根据分辨率不同，调用不同的css文件

    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=center border=0>  <SCRIPT LANGUAGE="javascript"&g

  • JS判断不同分辨率调用不同的CSS样式文件实现思路及测试代码

    最近看一个网站,发现显示器不同的分辨率,样式文件调用的也不一样,今天写了一个例子研究一下, 复制代码 代码如下: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <link rel="stylesheet" id="sc" type="text/css"

  • 常用js,css文件统一加载方法(推荐) 并在加载之后调用回调函数

    为了方便资源管理和提升工作效率,常用的js和css文件的加载应该放在一个统一文件里面完成,也方便后续的资源维护.所以我用js写了以下方法,存放在"sourceController.js"文件内. function sourceController(){ var root = ""; var cssCount = 0; // css加载计数器 var jsCount = 0; // js加载计数器 this.callfunc = null; // 回调函数 this.

  • CSS中常用的单位

    一.长度单位 长度单位是Web页设计中最常用的一个单位.一个排列无序.杂乱无章的页面不可能给人们留下什么好的印象.于是,在设计的时候需要为元素的位置.尺寸精确地定义一些值,以使其达到预期的效果. CSS给予人们精确控制网页的能力,这一点为人们津津乐道.它允许人们定义外观.尺寸.空间及其他的样式.但是,CSS所给出的控制同时也是一个危险的东西,这不仅表现在设计者缺乏经验,更在于如何给出一个尺寸和空间值.为什么呢?因为一个设计者虽然能够决定某一个特殊的屏幕分辨率,但是不可能决定别人的大脑和别

  • CSS使用心得体会

    CSS使用心得体会

    一,CSS的管理 偶个人感觉比较重要,而且网上好像也比较少有说这方面的 一来管理好的话,在调用和定义CSS时,会省掉很多时间和麻烦 以下是偶的一些积累 首先是为何要外部导入或链接CSS 因为一个网页有很多页面,其中就要用到很多CSS(而且其中有一部分CSS是重复的),如果每页单独定义的话,以下是管理的方法,在index下的images文件夹中,CSS文件夹与之同级,方便调用和管理 开始做网站时,因为偶们大多在PS中都得到了平面图,这时可以初步的明确相同部分CSS 比如底部,正文 假设现在有a ,

  • BS项目中的CSS架构_仅加载自己需要的CSS

    BS项目中的CSS架构_仅加载自己需要的CSS

    先说下这套架构的优点:1.可以方便的把繁重的CSS编写工作分配出去,而不会相互造成影响.2.结构清晰,利于维护和修改.3.每一张网页都仅加载自己需要的CSS. 总结下来就是:提高开发效率,提高维护效率,提高网页加载效率. 下面我解释一下上面这张CSS结构图: 图中间的5个黑色的图示表示网页,其中上面单独的一张是母版页,下面四张是子页.使用VS的人都知道母版页的作用,相当于asp中的include,把共通的部分作成母版,单独的部分作成子页,提高开发效率. 图上方绿色框内的是全局CSS部分,它们存放

  • 通过JAVAScript实现页面自适应

    有时候,我们可能需要象新版的Yahoo邮箱一样,让一些数据显示块可以根据页面大小进行自适应.事实并不难,但是如果单纯用CSS控制的话,往往不能完全实现我们要的效果,这时候需要借助javascript,Javascript可以让我我们实现司空见怪的自适应页面,在iSunXoft的HR开源项目就应用到.         实现原理:          获取IE显示屏幕的宽高.确定哪些对象是绝对位置是固定的,那些是不固定的,哪些长宽是固定,然后象WIN FORM程序一样,根所软件界面的大小,进行设计相关

  • HTML技巧汇编

    1.怎样定义网页语言(字符集)?            在制作网页过程中,你首先要定义网页语言,以便访问者浏览器自动设置语言,而我们用所见即所得的HTML工具时,都没有注意到这个问题,因为它是默认设置.要设置的语言可以在HTML代码状态下找到: <meta http-equiv="Content Type" content="text/html; charset=gb2312"> 把charset=gb2312改换成其它语言代码即可,比如英文harset

  • HTML5 移动页面自适应手机屏幕宽度详解

    网上关于这方面的文章有很多,重复的东西本文不再赘述,仅提供思路,并解释一些其他文章讲述模糊的地方. 1.使用meta标签,这也是普遍使用的方法,理论上讲使用这个标签是可以适应所有尺寸的屏幕的,但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统. 首先解释该标签的含义: <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, max

随机推荐