Javascript + css Image Auto scaling adaptive size _ javascript tips-JS tutorial

The size of the image uploaded by the editor is too large, and FF and IE are removed. Therefore, we hope that the image will have a fixed size in some pages. If you need a certain range, use getElementByname to set it, also, I added css restrictions:

The Code is as follows:

P img {}{
Max-width: 600px;
Width: 600px;
Width: expression (document. body. clientWidth> 600? "600px": "auto ");
Overflow: hidden;
}

◎ Max-width: 600px; the maximum width of other non-ie browsers, such as IE7 and FF, is 600px. However, it is invalid in IE6.
◎ Width: 600px; the image size in all browsers is 600px;
◎ When the image size is greater than 600px, it is automatically reduced to 600px. Valid in IE6.
◎ Overflow: hidden; hide the excess part to avoid opening deformation caused by failed image size control.
Added

The Code is as follows: