cssピクチャ適応サイズ

677 ワード

 
  
function ReImgSize(){  
           for (j=0;j          {  
               document.images[j].width=(document.images[j].width>420)?"420":document.images[j].width;  
          } 


そしてbodyエリアにonload="ReImgSize()を付ければいいです.テストを経て、MozillaとIEに合格しました.ここで画像の適応について補足しますが、この点MozillaはIEよりよくできています.CSSで画像の適応を制御することができるからです.Mozillaがmax-widthのCSS構文をサポートしていることはよく知られています.そこで、画像のグローバルスタイルをこのように定義します.
 
  
img{  
        max-width:100%;height:auto;  

このように画像はdivまたはtable内で自動的にその大きさに適応する.