社区
JavaScript
帖子详情
如何根据不同的分辨率调用不同的 CSS ?
xld_x
2003-09-26 12:57:34
如何根据不同的分辨率调用不同的 CSS ,麻烦写详细一点,谢谢!
...全文
59
4
打赏
收藏
如何根据不同的分辨率调用不同的 CSS ?
如何根据不同的分辨率调用不同的 CSS ,麻烦写详细一点,谢谢!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用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
打赏
举报
回复
是否这是不可能的?
用js实现根据
不同
的
分辨率
和浏览器
调用
不同
的
css
文件
本文介绍了四种根据
不同
分辨率
和浏览器类型自动选择和应用
不同
CSS
样式的方法,包括根据ID设定、来访域名选择、
分辨率
及浏览器类型
调用
不同
CSS
文件等。
根据
分辨率
不同
,
调用
不同
的
CSS
文件
本文介绍了一种根据浏览器类型和屏幕
分辨率
自动
调用
不同
CSS
文件的方法。通过JavaScript检测浏览器类型及
分辨率
,并据此加载相应的样式表,确保网站在
不同
设备上呈现最佳视觉效果。
js
不同
css
样式切换,JS根据
不同
分辨率
调用
不同
的
CSS
样式文件
本文介绍了一种根据屏幕
分辨率
调用
不同
CSS
样式文件的方法。通过JavaScript检测屏幕宽度,并据此加载相应的样式表,实现网页布局的自适应调整。
根据浏览器类型屏幕
分辨率
自动
调用
不同
CSS
的代码
本文介绍了一种使用JavaScript根据用户的浏览器类型和屏幕
分辨率
自动
调用
不同
CSS
文件的方法,并提供了详细的代码示例。此外,还分享了在开发过程中需要注意的一些
CSS
最佳实践。
JavaScript
87,988
社区成员
224,683
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章