做網(wǎng)站的時候，網(wǎng)站樣式的控制是非常重要的一個環(huán)節(jié)，好的樣式布局才會讓人看著舒服，但是我們經(jīng)常會遇到素材圖片過寬，把頁面撐變形的情況，除了手工剪裁之外，有沒有更簡單的方法呢？下面，石家莊網(wǎng)絡公司就為大家介紹一種CSS控制方法。

     第一種：

    #content img{width: 450px;height:450px;}

    如果限制一個800*600的圖片，那依然是顯示為450*450，如果不確定全部都是正方形的圖片，該方法有待商榷。

   第二種：

   #content img{

max-width: 450px;

height:auto;

width:expression(this.width > 450 ? "450px" : this.width);

}

    寬度width的最大值為450px，而高度height則隨著寬度的變化而變化，保持原圖比例，推薦使用這種方法。

    第三種：

    {img,a img{border:none;max-width:95%;}

    img,a img定義圖片，和有鏈接的圖片；border:none;沒有邊框，如果去掉該定義，現(xiàn)象就是帶有鏈接的圖片會有一個藍色的邊框，就像如果不定義文字鏈接的樣式瀏覽器會默認顯示一條藍色的下劃線；最后max-width:95%;這是本文的關(guān)鍵，意思是圖片的最大寬度為該圖片所處容器的95%，當然這個數(shù)字具體你可以修改，最好不超過100%否則也就沒有達到自動控制圖片尺寸的意義了。

    以上三種CSS控制方法，不但簡單，而且對搜索引擎來說更加有好。石家莊網(wǎng)絡公司專業(yè)為企業(yè)提供網(wǎng)站建設(shè)服務。

實搜網(wǎng)絡為您提供網(wǎng)絡推廣，網(wǎng)絡營銷，網(wǎng)站建設(shè)，SEO優(yōu)化，微信開發(fā)，網(wǎng)站托管等服務，服務熱線：0311-66697360