日期:2014-05-17  浏览次数:20672 次

【老问题】不同分辨率网页如何显示。
百度了半天,在咱们论坛也看了之前的帖子,没有什么感觉。
大多还都是说用表格定义层类似的,表格剧中啊什么的,那么如果是div怎么办呢,难道可以和表格一样么。。?不知道嵌套效果是不是和表格一样,而且考虑到网站会有很多浮动。
小弟使用本机1280x800做的,现有想法是 (800x600)(1280x800)(1400x900)(1680x1050)这四种分辨率各写一套css,使用js在架在时获取分辨率,然后取对应的css 可能有朋友会说我取得这4个样式不合适,我是这样想,1024与1280我取一套,他们不会有太大的变化(如果效果不好就挨个写 = =!懒哦·)。

我简单的构思了一点 希望大家帮忙看看  
JScript code

var a
a=screen.width;

swich(a)
case 1280:

var link = document.createElement("link");
link.rel="stylesheet";
link.type="text/css";
link.href=a+".css";
var head=document.getElementsByTagName("head")[0];
head.appendChild(link);

break;


不知道这样写能不能行,我准备先试一下 ,希望大家给点意见,或者谁有好方法分享下。


------解决方案--------------------
探讨

引用:

<link>标签
rel="stylesheet"属性指定将一个样式表立即应用到文档.
rel="alternate stylesheet"属性将其作为备用样式表而在默认情况下禁用它

通过js拿到link标签对象,disabled属性设置,可以实现变化页面导入样式表
disabled = true;表示它不会立即生效
disabled……