如何缩放图片不变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>