如何根据不同的分辨率调用不同的 CSS ?

xld_x 2003-09-26 12:57:34
如何根据不同的分辨率调用不同的 CSS ,麻烦写详细一点,谢谢!
...全文
59 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
shyslysky 2003-09-27
  • 打赏
  • 举报
回复
style1.css:
body
{
background:red
}

style2.css:
body
{
background:yellow
}
shyslysky 2003-09-27
  • 打赏
  • 举报
回复
<HEAD>
<title>sky</title>
<SCRIPT LANGUAGE="JavaScript">
<!--

if (screen.width != 800 || screen.height != 600){
document.createStyleSheet("style1.css")

}
else{
document.createStyleSheet("style2.css")
}

//-->
</SCRIPT>
</HEAD>
SadEmprie 2003-09-27
  • 打赏
  • 举报
回复
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
.Style800
{
font-size: 20pt;
color: #0000ff;
}
.Style1024
{
font-size: 10pt;
color: #ff0000;
}
</style>
<script>
function appCSS()
{
var width=screen.width;
if(width==800){
document.all.test.className="Style800"
}
else{
document.all.test.className="Style1024"
}
}
</script>
</HEAD>

<BODY onload="appCSS()">
<span id=test>This is my TEXT</span>
</BODY>
</HTML>
xld_x 2003-09-27
  • 打赏
  • 举报
回复
是否这是不可能的?

87,988

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧