如何修改图片css使其大小显示都是一样的,且不变形呢,

图片说明

8个回答

img设置高宽就能实现拉伸

danielinbiti
danielinbiti 回复wangyantao_hb: 可以用photoshop处理
4 年多之前 回复
wangyantao_hb
王彦涛_hb 回复danielinbiti: 图片程序如何处理成统一的呢,
4 年多之前 回复
danielinbiti
danielinbiti 回复wangyantao_hb: 通过css没戏。程序实现都是一件麻烦的事。用图片程序处理成统一的吧
4 年多之前 回复
wangyantao_hb
王彦涛_hb 就是为了看着好看,整齐,不变形就行了
4 年多之前 回复
wangyantao_hb
王彦涛_hb 不变形的情况下,如何设置
4 年多之前 回复

可以考虑用图片裁剪,裁剪成你要的大小,避免变形:
利用c#
http://www.cnblogs.com/wu-jian/archive/2011/02/21/1959382.html
这样才不会变形。
当然也可以用css实现“裁剪”功能。其实就是只显示图片指定大小的一部分,但是这些要配合js来使用
请看:http://www.jb51.net/css/150036.html

不裁剪的话只是修改宽高肯定会变形的。

图片固定在一个框里,只能css设置图片宽高才能保持一致,但又不想变形的话,有经验的美工会把图片做成一样大小的。

网上有这种js插件,,http://www.ijquery.cn/?p=798

photoshop打开图片,上面那一栏有图像photoshop打开,上面那一栏有图像,点开设置图像大小根据需要设置图片大小。

用Photoshop打开图片,修改图片大小。

.myimg{height:100px;width:100px;}

在css中给图片定义一个固定的宽度和高度

同感,设置css属性使图片统一的话必定会有被拉伸的。导致整体效果就差了,还是建议在PS中修改成长宽等比的图片。一般html都是美工负责的吧,切个图还不简单?

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
CSS -- 图片宫格不变形显示
最近在项目中需要实现类似手机相册的功能,照片九宫格显示,且不管什么样大小的照片显示都不会变形的功能,废话不多说,直接看代码: HTML: CSS: .confirmphotos{ width: 100%; background: #FFF; padding-left: 3% } .confirmphotos:after{ c
图片限制大小变形问题
图片是自己上传的.比如300*400的.显示的时候做了限制了长宽的rn加载时用的rn" alt="<%response.write left(rs9("subject"),15)%>,点击放大" onload=imgadapter(this,120,90) border="0" height="90" width="120">rnrn[code=JScript]function imgadapter(obj,width,height) rn rn var max_height = height; //设置最大高度 rn var max_width = width; //设置最大宽度 rn var real_height = obj.height; rn var real_width = obj.width; rn if(obj.height>max_height) rn rn obj.height = max_height; rn obj.width = Math.round(obj.height*real_width/real_height); rn rn if(obj.width>max_width) rn rn obj.width = max_width; rn obj.height = Math.round(obj.width*real_height/real_width); rn rn [/code]rn但是没有用.imgadapter(this,120,90)好像就失效了.去掉长宽限制.是达到最宽或最长限制了.但是加载的时候图片会很大.刷新一下才可以.用什么方法可以解决这个问题.
图片 不变形 css 处理
.liImgh{ width: 100px; height: 100px; border-radius: 100%; overflow: hidden; background-size: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }
css定义图片列表图片不变形
.ny_products{padding:0 0 30px;}.ny_products ul{width:651px; margin:0 auto; padding:30px 0px 0;}.pro_list li{width:197px; height:182px; line-height:50px; float:left; display:inline; margin:0 10px; over
【CSS】图片居中剪裁,避免图片变形
不管是在pc端还是在移动端,页面都必不可少的会出现很多图片,正常情况下,我们让图片100%自适应显示的话,如图下: 在这里可以看到,图片有大有小,但是有时候我们需要图片显示的大小是一样,而且不能变形, 那么我们需要给图片加入以下样式代码:【主要是object-fit: cover;属性】 .panorama li img{ display: block; width:1...
css图片居中剪切,避免图片变形
css图片居中剪切,避免图片变形
css已知盒子大小,盒子中的图片铺满但不变形
css方法 object-fit:cover; js方法 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot; /&amp;gt; &amp;lt;title&amp;gt;&amp;lt;/title&amp;gt; &amp;lt;style&amp;gt; .div{width:400px;height: 4
css让图片充满容器且不重复
首先声明一下我要实现的是无论图片所在的div宽和高为多少,都能保证图片充满整个容器。 background-size:100% 100%;---按容器比例撑满,图片变形; background-size:cover;---把背景图片放大到适合元素容器的尺寸,图片比例不变。 因此不能使用cover~~ 放代码! .main .left{ background: url(../img/l...
CSS变形
CSS变形 开发工具与关键技术:DW/HTML/CSS 作者:郑石秀 撰写时间:2019/1/19 在学校中经过几个月的计算机软件技术的学习,在这里写一篇设计一个盒子和CSS变形的文章在HTML中的div我是把它看作一个盒子,这个盒子的里面是可以包装很多的东西,CSS则可以给这个盒子装饰,可以随意的改变这个盒子的大小、颜...
css 变形
1. 2d变形 transform 写在:hover 里 鼠标放上去有一个动画效果 transition 写在做动画的元素里,谁做动画谁加过渡 1. translate 移动 (px)/(%) translate(50%);里面如果时% ,不是以父级为标准,而是以自己的宽度为准 此特性可以让定对的盒子居中齐位 2. scale 缩放 (数字) 小于1是缩小,大于1是放大 ...
修改使其显示网卡MAC修改项
下吗,下的话要10分。谢谢你的到访。一个关于网卡MAC的小事。
如何防止图片变形
在写代码的时候经常会使用image标签. 这个标签是用来嵌入图片的. 但是这个标签在一定程度下会变形. 所以我们可以使用其他方法来防止图片变形. div { background: transparent url(path/image.gif) no-repeat center; background-size: cover; } background是一个简写属性, url(...
byte[]图片修改大小
private byte[] fixPic(byte[] bts){ try { Image img=ImageIO.read(new ByteArrayInputStream(bts)); BufferedImage tag = new BufferedImage((int) 800, (int) 600, BufferedImage.TYPE_INT_RGB);...
Android修改图片的大小
Drawable drawable = context.getResources().getDrawable(R.drawable.wifi); drawable.setBounds(0,0,160,160); tvShow.setCompoundDrawables(drawable, null,null,null);
Ps修改图片的大小
使用工具:Photoshop2018 ① 用PS打开需要缩小的证件照,找到图像大小(图像-&amp;gt;图像大小) ② 点击“图像大小”,可以自己设置图像的宽高,上方会显示图像的大小。点击确定之后,不要对图片太小感到惊讶。 ③ 找到“文件”,存储为web格式。 ④ 点击进入之后,可以对图片再做调整。 ...
怎么样修改图片的大小?
一个图片的宽度和高度本来是20,20,怎么样可以修改为30,30?rn用C#,怎么实现?
修改一个图片的大小
我想修改某一目录下的图片的大小.rn我用如下方法:rnprivate void button1_Click(object sender, EventArgs e)rn rn OpenFileDialog opd = new OpenFileDialog();rn if (opd.ShowDialog() == DialogResult.OK)rn rn System.Drawing.Bitmap objPic, objNewPic;rn tryrn rn objPic = new Bitmap(Image.FromFile(opd.FileName));rn objNewPic = new System.Drawing.Bitmap(objPic, 80, 80);rn objNewPic.Save(opd.FileName);rnrn rn catch (Exception exp) throw exp; rn finallyrn rn objPic = null;rn objNewPic = null;rn rn rn rn程序总是报错,可能是因为文件正在使用过程中,请问各位我该如何写?
asp.net修改图片的大小
asp.net修改图片的大小
如何通过CSS控制图片框大小
通过js实现了图片动态切换效果,代码如下:rn[code=HTML]rnrnrnrn rn 图片切换效果rnrnrn rn rn rnrn rn rn rn rnrn rn rn rn rnrn rnrnrn rnrnrnrnrnrnrn[/code]rnrnCSS文件如下:rn[code=CSS]rn@charset "gb2312";rnbody rn font-family: "宋体";rn margin:0px;rn padding:0px;rn font-size:12px;rn.containerrn width:271px;rn height:180px;rn border:1px solid #eee;rn position:relative;rnrn#idPicTextrnrn background:#eee;rn line-height:25px;rn text-align:center;rn font-weight:bold;rn width:273px;rn white-space:nowrap;rn overflow:hidden;rn font-size:12px;rnrn#idPicText arn text-decoration:none;rn color:#333;rn display:block;rnrn#idPicListwidth:70px;float:left;rn#idPicList img rn cursor:pointer;rn width:65px;rn height:50px;rn filter:alpha(opacity=50);rn -moz-opacity: .5;rn opacity: .5;rn border:0;rn margin:1px;rnrn#idPicList img.onrn filter:alpha(opacity=100);rn -moz-opacity: 1;rn opacity: 1;rnrnrn#idNum position:absolute; right:1px; bottom:1px;rn#idNum lirn float: left;rn list-style:none;rn color: #fff;rn text-align: center;rn line-height: 16px;rn width: 16px;rn height: 16px;rn font-family: Arial;rn font-size: 12px;rn cursor: pointer;rn margin: 1px;rn border: 1px solid #707070;rn background-color: #060a0b;rnrn#idNum li.onrn line-height: 18px;rn width: 18px;rn height: 18px;rn font-size: 14px;rn border: 0;rn background-color: #ce0609;rn font-weight: bold;rnrn[/code]rnrn代码单独运行正常,但将JS脚本嵌到HTML代码中,图片框的宽度无法控制.rn我该如何设置CSS来控制不管原始图片大小,图片框的大小和位置不变.
能否设置TDBImage使其显示的图片跟其大小一样大?
也就是使所显示的图片在TDBImage的大小范围内
CSS图片阴影+鼠标移上图片放大、变形
在做图片卡片列表的时候我们经常用到图片的呼吸灯效果,实现图片的阴影效果、放大、动态展示 代码: li img { display: block; width: 140px; height: 140px; padding: 8px; background-color: #FFF; box-shadow: 0px 0px 18px rgba(0,0,0);(图片初始状态
css 图片适应浏览器大小
常规图片一般采用这种方式插入 现在可以用div方式,将图片设置为这个div的背景图片,此时div的宽度要比图片的宽度要宽, 如:
如何修改一个图片的大小.在线等!!!!!!!
如何将一个1024*768象素大小的图片修改为8008*600的图片.rn注意需要适用于BMP,JPG.rnrn
如何修改treeview节点图片的大小?
如题rn我做了一组图片,是32*32rn感觉放在treeview上大了点,想设成24*24,不想直接改图片实际大小了rn可是没有相关属性阿rn大虾请了
数据库图片 显示大小
这是我的代码rnInputStream in=null; rnResultSet rsimg=workM.executeQuery(sql2);rn if(rsimg.next())rn in=rsimg.getBinaryStream("CONTENT"); rn rn if(in!=null) rn response.reset(); rn response.setContentType("image/jpeg"); rn OutputStream os=response.getOutputStream(); rn byte[] b=new byte[1024]; rn int len; rn while((len=in.read(b,0,b.length))>0)rn os.write(b,0,len);rn rn os.flush(); rn in.close();rn rsimg.close();rn workM.close(); rn显示出来的图片是原始的大小 我想对图片进行控制 大小什么的 请问有什么办法吗?谢谢了!
图片固定大小显示
已经从数据库中读出图片rnResponse.BinaryWrite rs("photo")rn现在我想读出的图片都是一样大小rn怎么办?
图片变形了···
[img=http://hi.csdn.net/attachment/201110/27/10096147_1319681851BLtd.jpg][/img] 点击游览显示图片 图片要是大 页面就变形了rn 本来应该是这样的[img=http://hi.csdn.net/attachment/201110/27/10096147_1319681847Zipx.jpg][/img]rnrn[code=HTML] rn rn rn rn rn rn rn [/code] 这是页面代码rn[code=JScript] rn [/code] 帮帮忙吧·
图片变形
需要依赖的包 compile 'jp.wasabeef:glide-transformations:3.0.1' compile 'com.squareup.retrofit2:retrofit:2.2.0' compile 'com.squareup.retrofit2:converter-gson:2.2.0' compile 'io.reactivex.rxjava2:rxj
如何IE下的CSS和FF中显示的一样(attribute css)
rn rn IE和FF下面的效果不一样rn rn rn rn rn rn rn rnrnrn上面这段代码在FF下面显示是正常的。但是我想要在IE也能实现这样的效果怎么办!rn打什么补丁可以实现或自己用JS脚本来实现也行。rn但是要求的,我改了CSS后,不用在改JS脚本了
如何保持源图片的大小呢 ?
当在中用一个图片做为背景,为了不破坏源图片的美观和大小问题,如何把图片做为背景的时候,背景图片的大小和源图片的大小一样呢 ?rnrnrn有点迷惑。。。。。
css图片不显示
图片不显示,在firebug下提示载入图片失败,需要加入完整路径 [code=&quot;java&quot;] .search .searchbtn { background:url('${pageContext.request.contextPath}/common/images/btn_002.png') no-repeat; width:98px; height:35px; margi...
图片输出如何防止变形!
比如我输出图片框架里面已经定义为width100,height100rn但上传的图片大小为500*400rn怎样在输出时不会变形
为什么下列值都是一样的呢?
#include rnrnint main(void)rnrnint a[5][5]=1,2,3,4,5,,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25;rnprintf("%d\n",a);rnprintf("%d\n",&a);rnprintf("%d\n",a[0]);rnprintf("%d\n",&a[0]);rnprintf("%d\n",&a[0][0]);rnreturn 1;rn rnrn编译环境:VC6.0 Win2000rn运行结果:rn1244956rn1244956rn1244956rn1244956rn1244956rnPress any key to continuernrn a和a[0]、&a[0][0]的值相等我不奇怪,因为都是首元素的地址。但是为什么&a和&a[0]和它们的值是相等的呢?
拜问:如何修改显示内存的大小?
各位大师,我现在正在编写一个嵌入式linux下的图形界面,基本原理是通过framebuffer直接来显示图像。我所用的显示屏分辨率是640×480,显示屏上的linux内有装Xwindows。每一次我打开framebuffer并且映射显存时,必须将这个显存看成1024×768大小进行操作,才能够正常显示我所需要的图像。请问,有没有什么办法能够将显存大小改为640×480?谢谢!
css动态控制img显示大小
imgrn max-width:201px;rn max-height:136px;rn width:expression(this.width > 201 && this.width > this.height ? '201' : auto);rn height: expression(this.height > 136 ? '136' : auto);rn
如何修改vertmenu.ocx中显示的文字的大小
vertmenu.ocx文字的太小,又无font属性,如何做使文字变大?rn 是否要重新定做控件??rn
如何修改editplus中显示内容的大小?????
如何修改editplus中显示内容的大小?????
如何修改MenuItem上显示的字的大小
如何修改MenuItem上显示的字的大小
如何把一个图片变形?
请问各位高手在ASP.net里怎么把图片变形啊?比如把一个方的图拉伸成平行四边形?rnrn————————————————谢rn n_nrn
css专区 都是css的
css专区 都是css的东东 多看看吧
相关热词 c#检测非法字符 c#双屏截图 c#中怎么关闭线程 c# 显示服务器上的图片 api嵌入窗口 c# c# 控制网页 c# encrypt c#微信网页版登录 c# login 居中 c# 考试软件