国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS自動控制圖片大小的代碼

2024-07-11 09:01:01
字體:
來源:轉載
供稿:網友

   Css防止圖片尺寸過大

  添加如下CSS:

 代碼如下  

img {  
max-width: 800px;  
height: auto;  

  代碼中的max-width:800px限制圖片的最大寬度為800像素,而下面的hight:auto很關鍵,可以保證圖片有正確的長寬比,不至于因為被調整寬度而變形。

  實用例子

  WordPress自動調整圖片大小

  1、打開你的“樣式表 (style.css)”文件,然后在 p img{ 或類似的地方添加下列代碼(可以將所有550改成你想要的寬度)

 代碼如下  

p img{
max-width: 550px;
width: expression(this.width > 550 ? "550px" : true);
height: auto;
}

  2、清空緩存就可以啦!

  3、同樣對于某些老版本IE不支持。

  如果你想兼職所有瀏覽器jq或js是最好的辦法

 代碼如下  

//  方法:setSelectReadOnly  用于設定極select控件ReadOnly, 
//這個一個模擬只讀不是真的只讀 
//使用了onbeforeactivate,onfocus,onmouseover,onmouseout事件 
//示例:< img src='img.jpg' onload='ImgAutoSize(ImgD,FitWidth,FitHeight)' > ; 
//  create by sl  
// --------------------------------------------------- 
function ImgAutoSize(imgD,FitWidth,FitHeight)  

var image1=new Image();  
image1.onload = function () 

if(this.width>0 && this.height>0)  
{  
if(this.width/this.height>= FitWidth/FitHeight)  
{  
if(this.width>FitWidth)  
{  
imgD.width=FitWidth;  
imgD.height=(this.height*FitWidth)/this.width;  
}  
else  
{  
imgD.width=this.width;  
imgD.height=this.height;  
}  
}  
else  
{  
if(this.height>FitHeight)  
{  
imgD.height=FitHeight;  
imgD.width=(this.width*FitHeight)/this.height;  
}  
else  
{  
imgD.width=this.width;  
imgD.height=this.height;  
}  
}  

image1 = null; 
}

image1.src=imgD.src;  
imgD.style.cursor = 'hand'; 
imgD.onclick= function(){openWin(this.src,'imgphoto',600,400)}; 
imgD.title = "點擊在新窗口中查看原圖"; 
}

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 准格尔旗| 昌江| 眉山市| 黄浦区| 文水县| 普宁市| 镇赉县| 黄龙县| 丰城市| 公安县| 乌审旗| 根河市| 张北县| 石棉县| 池州市| 石渠县| 苏尼特左旗| 同仁县| 嘉善县| 东兰县| 沿河| 铁岭市| 赤壁市| 会东县| 丹凤县| 景泰县| 凌海市| 肥东县| 收藏| 新巴尔虎右旗| 宜良县| 来凤县| 丽江市| 浦城县| 屯门区| 六安市| 阜新| 凤山市| 宜兰市| 吉木乃县| 固阳县|