如何縮放圖片不變css

1. 用什麼辦法可以寫css圖標放大或者縮小不變形急急!!!!

針對你的需求來看，用css3來操作我覺得不是很恰當。

目前能夠良好的支持CSS3的瀏覽器全都對SVG支持良好，使用SVG構建矢量圖圖標是比較合適的，即使你需要兼容IE6，使用raphael.js也可以辦到，目前這個js已經整合到最新的ext4.0.7.js中。

通常的html元素都不是矢量圖，縮放可能帶來問題，這個HTML元素都無法控制，CSS更是鞭長莫及了

2. 如何在HTML中用CSS對圖片進行縮放

可以用css3中「transform: scale()」屬性對圖片進行縮放。

1、新建html文檔，在body標簽中添加一張圖片，給這張圖片設置css屬性，添加「tansform」縮放屬性，屬性值為「scaleX(n)」，scaleX(n)指的是對寬度進行縮放，n指的是縮放比例：

3. CSS的問題：圖片按比例縮小

打開Photoshop，可以可以打開文件找到圖片，也可以直接將圖片拖拉到Photoshop中。

1.縮小圖像的像素。

在菜單欄中選擇圖像--》圖像大小，設置寬度和高度的像素。最好選擇約束比例，同比例的縮小

4. 關於如何利用CSS自動調整圖片的大小

1、首先需要新建一個HTML頁面。

5. 請教如何用CSS控制圖片寬度和高度，使圖片不變形

寬度和高度不要同時設置，只需要設置一個，另一個就會自動按照圖片的原始比例進行縮放，從而使圖片不會發生變形。如果情形比較復雜，比如預先不知道圖片是寬大於高還是高大於寬，又想把圖片控制在某個范圍內（比如正方形），就要結合JavaScript腳本才能實現了（網上大把代碼，自己網路）。或者也可以把圖片搞成背景圖，然後利用css3的background-size屬性來讓圖片保持原始比例，這樣就無需藉助js，缺點就是瀏覽器必須支持css3

6. css 圖片高度怎麼設置才不會變形

將img的width和height設置成固定值而不是相對值，就不會變形。
當然，若是需要的話你也可以將width和height設置成固定比例，這樣雖然圖片可以縮放，但是圖片不會扭曲變形。

7. css 圖片高度怎麼設置才不會變形,被壓縮

設置圖片自適應，給圖片設置display:block;width:100%;不要設置高度，不要設置高度，不要設置高度。這樣圖片就能根據父級div適應大小，就是你設置一個div，裡面放圖片。div多大，圖片就多大。高度自動適應，所以不能設置高度。

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

需要准備的材料分別有：電腦、chrome瀏覽器、html編輯器。

1、首先，打開html編輯器，新建一個html文件，例如：index.html。

9. css如何讓圖片自適應屏幕寬度，縮小屏幕時圖片不是向右側的圖片一樣變形，而是向左側的圖片一樣

下面是個簡單的實現例子：

<divstyle="position:relative;width:100%;height:505px;overflow:hidden">
<imgsrc="圖片鏈接，我這里用的是1920*505的"style="position:absolute;left:50%;top:0;width:1920px;height:505px;margin-left:-960px"/>
</div>

如果把圖片作為背景圖就更簡單：

<divstyle="width:100%;height:505px;background:url(圖片鏈接，我這里用的是1920*505的)no-repeatcenter/cover">
</div>

10. css 怎樣讓圖片居中縮放

//把圖片當作背景，可以使用background-size屬性，background-position屬性。例子
.bg{
background:url("http://www.hqyt.net/upload/2016/09/13/147375594449qmms8.jpg")centercenterno-repeatscroll;
background-size:cover;
min-height:300px;
}

<divclass="bg"></div>