Javascript解决浏览器兼容问题12个技巧(1)(2)

如果您可以只需键入一个特殊选择器，在这里您可以写一些JavaScript，设置一个Class在基于当前的浏览器的名字的标签会怎么样？

4.1CSSBrowser

这是一个非常小的javascript只有一行，而且不到1kb，它允许CSS选择器。它让您可以为每个操作系统和每个浏览器写具体的CSS代码。你可以写一些JavaScript，设置Class的名字，也就是说，内容根据当前的浏览器。

jQuery浏览器选择器

这里有另外一个基于jQuery的非常简单的处理浏览器选择器的方法，你需要做的只是加载jQuery库文件，并添加下面的一块儿代码。

$(document).ready(function(){  
$(‘html’).addClass($.browser);  
}); 

现在你可以准备你的样式，如.msie,.mozilla,.opera,.safari或其它目标浏览器。

5.最小/最大高度/宽度支持

针对CSSmin-width,min-height,max-width,max-height,border-*-width,margin,和padding属性，这里有一些很好的jQuery修正。

5.1jQMinMax

这是一个为没有原声的支持min-width,max-width,min-height和max-height的地方添加支持的jQuery插件。

5.2JSizes　　

这个小jQuery插件为CSSmin-width,min-height,max-width,max-height,border-*-width,margin,和padding属性添加支持。特别是他提供一种方法来确定一个元素在那里可见。由于所有的型号的方法返回数值，所以这些也可以安全的使用在严格的DOM元素方面。

jQuery(function($){  
varmyDiv=$(‘#myDiv’);  
 
//setmargin-topto100pxandmargin-bottomto10em  
myDiv.margin({top:100,bottom:‘10em’});  
 
//displaysthesizeofthetopborderinpixels  
alert(myDiv.border().top);  
 
//displaystrueiftheelementisvisible,falseotherwise  
alert(myDiv.isVisible());  
 
//setpadding-rightto10pxandmargin-leftto15pxusingchaining  
myDiv.padding({right:10}).margin({left:15});  
});