最近更新|最新推薦|軟件排行|創e測評|軟件分類|手機版|軟件專題|軟件發布CSS強制圖片大小 CSS圖片大小如何自動縮放

創e測評

教程測評
創e > 創e測評 > 資訊共享 > 創e日志 > > CSS強制圖片大小 CSS圖片大小如何自動縮放

CSS強制圖片大小 CSS圖片大小如何自動縮放

  發布時間:2014/9/24 21:05:32 查看評論
分享收藏吧:

  相信大家做網頁時經常會碰到大分辨率的圖片會把表格漲破以致漂亮的網頁面目全非,但只要使用以下的CSS語句即可解決。

     該CSS的功能是:大于600的圖片自動調整為600顯示。

<style type="text/css">
<!--

img {width:expression(this.width>600?"600px":this.width+"px");}
}

-->
</style>

上面的代碼在使用的過程中發現第一次打開頁面時圖片會縮到很小,需要刷新頁面才能實達所設置的大小,故又找到了以下代碼:

img{
 max-height:720px;
 max-width:640px;
 width:expression(this.width > 640 && this.height < this.width ? 640: true);
 height:expression(this.height > 720 ? 720: true);
 }

經測試是可以解決圖片自適應大小的問題了。

另一種方法是讓圖片自適應DIV及table的大小:
先定義一個JAVA函數

<script type="text/javascript" >

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

</script>

然后在body區域加上onload="ReImgSize()" 就可以了。

順道說一下:

Mozilla支持一個max-width 的CSS語法。于是我們這樣這樣定義圖片的全局樣式。

img{
max-width:100%;height:auto;
}
這樣圖片就回在div或table內自動適應其大小了.

關鍵詞:CSS  強制  圖片  大小  如何  自動  縮放  

瀏覽量:
街机电玩捕鱼版 任三倍投计划 夜客2 分分快三大小单双必中技巧 重庆欢乐生肖免费计划 二人斗地主游戏在线玩 北京pk拾直播开奖结果 彩票96app 二八杠技巧口诀纸牌 北京pk是最简单技巧 第九城市魔兽世界告别