吓我一跳

今天早上使用IETester测试正在使用的Wordpress主题时发现图片出问题，大于510px的图片在ie6下无法被缩放，原因是max-width对ie7、ie8、Firefox、Chrome、Opera却有效，但对ie6却无效，ie6真他妈的是一个让人头痛的东西，现在认同ie6是失败品的观点了…虽然ie6很惹我讨厌，但网站50%以上的流量都来自于ie6，又不得不重视ie6，找了半天找到两种办法在ie6下限制图片尺寸：

1. css代码：
   • 单独对ie定义：
     

     .post .content img {
     max-width:510px;
     width:expression(document.body.clientWidth>510?”510px”:”auto”);
     overflow:hidden;
     }

     max-width是对非ie6浏览器设置的；下面的expression是对ie6设置的，作用是判断只要是大于510px的图片就被限制到510px。
     觉得这个方法很好，

   • 如果网站的所有图片都是同一个尺寸那就好办了：
     

     直接给个固定宽度就行了

2. 使用js代码：[这个是无光之影给我的代码]
   

   DrawImage = function(ImgD,FitWidth,FitHeight){
      var image=new Image();    
      image.src=ImgD.src;    
      if(image.width>0 && image.height>0){        
      if(image.width/image.height>= FitWidth/FitHeight){            
      if(image.width>FitWidth){                
      ImgD.width=FitWidth;                
      ImgD.height=(image.height*FitWidth)/image.width;            
   }else{                
      ImgD.width=image.width;
      ImgD.height=image.height;            
      }
      }
      else{            
      if(image.height>FitHeight){
      ImgD.height=FitHeight;
   ImgD.width=(image.width*FitHeight)/image.height;
   }else{
   ImgD.width=image.width; 
   ImgD.height=image.height;
   }
   }
   }
   }

   调取方法：

   onload=”DrawImage(this,宽,高)”

    

3. 手动设置：
   在插入图片的时候就手动设置好设当的尺寸；或者使用flickr这样的网络相册，上传后选择适当的尺寸。
4. WordPress自身：
   上传图片时候Wordpress会自动根据图片的大小来处理尺寸问题：登录Wordpress后台找到“设置”-“媒体” 在“媒体选项”中设置最大尺寸，比如我设置的最大尺寸是510，只要宽度超过510的图片都不被缩到510px。

写在最后，以前不知道ie6到底有多烂，捣鼓网站之后才明白一个道理：猛的一看只有ie6很烂，仔细一看ie全部都很烂；微软的东西我只喜欢office和这个即将淘汰的xp…