CSS Image Adaptive Size _ image effects

Copy Code code as follows:

function Reimgsize () {
for (j=0;j<document.images.length;j++)
{
Document.images[j].width= (document.images[j].width>420)? " 420 ":d ocument.images[j].width;
}
}

Then add onload= "reimgsize ()" to the body area. Tested and passed on Mozilla and ie. Here to add about the image of the adaptive, this point Mozilla do better than IE, because you can use CSS to control the adaptive image. We all know that Mozilla supports a max-width CSS syntax. So that's how we define the global style of the picture.

Copy Code code as follows:

img{
Max-width:100%;height:auto;
}

This way the picture is automatically adapted to its size in a div or table.