用CSS来控制图片显示大小的代码

1. img,a img{     
   
2. border:0;      
   
3. margin:0;      
   
4. padding:0;     
   
5. max-width:590px;     
   
6. width:e­xpression(this.width>590?"590px":this.width);     
   
7. max-height:590px;     
   
8. height:e­xpression(this.height>590?"590px":this.height);     
   
9. }

复制代码

1. 　　Css防止图片尺寸过大
   
2. 
   
3. 　　添加如下CSS：
   
4. 代码如下          
   
5. 
   
6. img {  
   
7. max-width: 800px;  
   
8. height: auto;  
   
9. }
   
10. 
    
11. 　　代码中的max-width:800px限制图片的最大宽度为800像素，而下面的hight:auto很关键，可以保证图片有正确的长宽比，不至于因为被调整宽度而变形。
    
12. 
    
13. 　　实用例子
    
14. 
    
15. 　　WordPress自动调整图片大小
    
16. 
    
17. 　　1、打开你的“样式表 (style.css)”文件，然后在 p img{ 或类似的地方添加下列代码(可以将所有550改成你想要的宽度)
    
18. 代码如下          
    
19. 
    
20. p img{
    
21. max-width: 550px;
    
22. width: expression(this.width > 550 ? "550px" : true);
    
23. height: auto;
    
24. }
    
25. 
    
26. 　　2、清空缓存就可以啦!
    
27. 
    
28. 　　3、同样对于某些老版本IE不支持。
    
29. 
    
30. 　　如果你想兼职所有浏览器jq或js是最好的办法
    
31. 代码如下          
    
32. 
    
33. //  方法：setSelectReadOnly  用于设定极select控件ReadOnly,
    
34. //这个一个模拟只读不是真的只读
    
35. //使用了onbeforeactivate,onfocus,onmouseover,onmouseout事件
    
36. //示例：< img src='img.jpg' onload='ImgAutoSize(ImgD,FitWidth,FitHeight)' > ;
    
37. //  create by sl  
    
38. // ---------------------------------------------------
    
39. function ImgAutoSize(imgD,FitWidth,FitHeight)  
    
40. {
    
41. var image1=new Image();  
    
42. image1.onload = function ()
    
43. {
    
44. if(this.width>0 && this.height>0)  
    
45. {  
    
46. if(this.width/this.height>= FitWidth/FitHeight)  
    
47. {  
    
48. if(this.width>FitWidth)  
    
49. {  
    
50. imgD.width=FitWidth;  
    
51. imgD.height=(this.height*FitWidth)/this.width;  
    
52. }  
    
53. else  
    
54. {  
    
55. imgD.width=this.width;  
    
56. imgD.height=this.height;  
    
57. }  
    
58. }  
    
59. else  
    
60. {  
    
61. if(this.height>FitHeight)  
    
62. {  
    
63. imgD.height=FitHeight;  
    
64. imgD.width=(this.width*FitHeight)/this.height;  
    
65. }  
    
66. else  
    
67. {  
    
68. imgD.width=this.width;  
    
69. imgD.height=this.height;  
    
70. }  
    
71. }  
    
72. }
    
73. image1 = null;
    
74. }
    
75. 
    
76. image1.src=imgD.src;  
    
77. imgD.style.cursor = 'hand';
    
78. imgD.onclick= function(){openWin(this.src,'imgphoto',600,400)};
    
79. imgD.title = "点击在新窗口中查看原图";
    
80. }

复制代码