有些图片,好像是背景图(不一定),设置图片大小

使用width:100%
max-width:100%

这里max-width:100%起的作用是什么,不设置会怎么样?
因为个人觉得width:100%就和父元素等宽了,不会变大了,max-width:100%好像是多此一举

0

6个回答

设置width是把宽度定死了,而设置max-width,宽度可以在0-max-width之间
比如:当元素内部宽度不足max-width时,外层元素的宽度随内层元素宽度改变

0
    如果设置width:100%,那设置max-width:100%就没什么意义。
3

发你的代码截图我看看

1

设置max-width,宽度可以在0-max-width之间

1

设置width是把宽度定死了,而设置max-width,宽度可以在0-max-width之间

0

max-width:100%;好像没有必要,如若要设置图片大小
.divImg{
width: 800px;
height: 600px;
}
方法一:只设置图片宽1000%,高度自适应(好处:图片等比例缩放,不会变形)
.divImg img{
width: 100%;
}
方法二:设置图片宽1000%,高1000%(好处:填满整个div大小,不会留白;坏处:图片可能会变形)
.divImg img{
width: 100%;
height: 100%;
}

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
UIButton背景图片调整大小
一般情况下 button添加背景图 UIButton *button = [[UIButton alloc] initWithFrame:CGRectMake(80, 130, 160, 44)];   [button setTitle:@”Test Button” forState:UIControlStateNormal];// Image with withou
JQ设置背景图与背景图大小
$("#no"+i).css({"background-image":"url(themes/oppo/images/click/xz.jpg)","background-size":"100% 100%"});
jsp 定义 背景图片并控制图片的大小
body{   background:url("./1.jpg"); background-repeat:no-repeat; background-size:860px 720px; background-position-x:50%;   }
css更改背景图片大小
最近项目中的一个页面用到的图片要比原图小很多,但是这个图片是以一个标记的背景图显示的,不能像在中那样直接设置width、height的值来决定图片显示的大小,最后从网上查到可以使用background-size属性来设置背景的大小的,经实践可行。 以下是我在标签中的属性用法: display: block; width: 28px; height: 28px; background: ur
css3 设置背景图片大小(缩略图形式缩小)
废话当然不说了。直接上代码 #mycon { background:url('Tpl/1.jpg'); background-size:400px 400px; background-repeat:no-repeat; border-radius: 4px; border: 1px solid #ccc; width: 400px; height: 400px; }
android开发 界面设计 图片资源设计 尺寸说明
特别申明:本文系作者原创,且其目的是便于公司内部部门间合作,csdn支持图片表格,故在此留一份网络稿。 未经本公司许可不得直接转载,本公司官网:http://www.vsochina.com/,欲转载请至官网联系备案,获得许可后方可转载,违者将依法追究相关责任。 前言: 搭载Android操作系统的手机种类繁多,让产品在不同的设备上都具有高度相似的视觉效果是非常重要的(想要做到一样的
背景图片大小兼容ie
小时刻个人博客:http://small.aiweimeng.top CSS3 新增的 background-size 是一个很有用的属性,用于定义背景图片的尺寸,有了这个属性,你就可以任意指定背景图片的大小。其中最常用的值应该要数 cover 了,该值能让背景图片缩放至填满整个容器,即使是图片面积小于容器面积。由于css3的background-size不支持IE;所以会对其做一些兼容: ...
css背景图片填充样式background-size兼容ie8以下浏览器解决
background-image: url(images/background.jpg); background-size:100%;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/background.jpg',sizingMethod='scale');/*兼容ie8以下*/ 已经试过,确实可用!!
如何用一张图片做背景图,并且图片自适应div的大小
background: url("../stu_wengu.png") center center no-repeat; background-size: cover;
background-size设置背景图片的大小
设置背景图片的大小,以长度值或百分比显示,还可以通过cover和contain来对图片进行伸缩。 语法: background-size: auto | | | cover | contain 取值说明: 1、auto:默认值,不改变背景图片的原始高度和宽度; 2、:成对出现如200px 50px,将背景图片宽高依次设置为前面两个值,当设置一个值时,将其作为图片宽度值
网页背景图片自动适应窗口大小的代码
下面我就使用了下面的方法成功的把一个1920x1200的图片自动适应窗口         这里是你自己写的其他东西
background背景图片设置
background-image:url('/i/eg_bg_03.gif');   background-repeat:no-repeat;  --------背景图像是否重复全铺   background-attachment:scroll;  ------背景图像是否跟随内容滚动或者fixed   background-position:90% 20%;   ------设置背景图像的
按钮背景图片 大小 和 位置 设置。
UIButton *btnRightBar=[UIButton buttonWithType:UIButtonTypeSystem];     btnRightBar.frame=CGRectMake(0, 0, 30, 30);     UIImage *image=[UIImage imageNamed:@"ic_chat_connect"];     image=
Winform背景图片添加与图片大小自适应
Winform窗体开发过程中为了使我们的窗体更加美观,有时候可能需要添加背景图片的操作,那如何添加背景图片呢?主要的方法有两种: (1)PictureBox控件 (2)窗体BackGroudImage属性添加 PictureBox顾名思义就是用来存放图片的容器,拖拉一个PictureBox控件到窗体中,接着再为PictureBox控件添加图片绑定就可以实现背景图片的添加,此种添加方法既可用于
背景图片适应div的大小
对背景图片设置属性:background-size:cover;可以实现背景图片适应div的大小。background-size有3个属性:auto:当使用该属性的时候,背景图片将保持100% 的大小显示,不进行任何缩放。超过div的多余部分将被隐藏。当图片过小时,图片会自动平铺。这种属性通常用来做重复性的背景或者做半透明图片背景。cover:当使用该属性时,图片将被缩放至恰好能覆盖div,并且图片
UIButton, 设置button的背景图片
UIButton UIButton *aButton = [UIButton buttonWithType:UIButtonTypeSystem];     //给按钮设置frame     aButton.frame = CGRectMake(0, 0, 200, 80);     //为按钮设置标题 - 常用的是Normal和Highlighted  - 标
使用javaswing设定背景图片为窗体大小(原创)
这是小弟上网查了很多资料时发现,在学习javaswing时,很多网站给的例子都是在开始创建窗体就已经写了整整一个DEMO,不太适合初学者,所以自己写了一个。如有什么建议,欢迎提出。
IOS 如何为UIView设置大小适宜的背景图片
比如,我想为UIView设置一个全屏的背景图片,但是所用图片太大,又因为这个UIView是根据屏幕大小动态生成的,这时就需要动态改变这个图片的大小,使之能够适应不同设备.   UIImage *img_m = [UIImage imageNamed:@"login1.jpg"]; UIImage *img_a; CGFloat width = self.view.frame
html学习之控制背景图片大小
可以用css控制‘ body { background-image:url(images/background.jpg); background-size:cover; font-family:"华文楷体"; } 可以直接用html标签控制  background-size: length|percentage|cover|cont
android中的CheckBox改变背景图片后图片显示大小不正确的问题
今天在工作中遇到一个需求:点击按钮后改变页面中相关显示并改变点击按钮的背景图片显示,最后决定用checkbox来实现,但是修改背景图片后发现图片的大小显示不正常,还是按钮图片原始尺寸来显示...
css文件 如何使背景图片大小适应div的大小
对背景图片设置属性:background-size:cover;可以实现背景图片适应div的大小。 background-size有3个属性: auto:当使用该属性的时候,背景图片将保持100% 的大小显示,不进行任何缩放。超过div的多余部分将被隐藏。当图片过小时,图片会自动平铺。这种属性通常用来做重复性的背景或者做半透明图片背景。 cover:当使用该属性时,图片将被缩放至...
js背景图片按比例充满全屏
背景: Chrome中页面背景图片:background-size:cover;可以按比例放大图片而无损画质。 问题是实际在pc端测试时不知何故,图片只能显示原大小,其他设置无法按比例放大。 如果设置:background-size:100% 100%;只是拉伸图片,使之充满全屏,有损画质。 那么如何让图片充满全屏,又对背景图片画质无损呢?
Android学习记录(十七)-背景图片缩放
当你突然想在一个线性布局里插入一个背景图,你的想法是什么呢?设置background,如果这个背景图是url的呢,使用Universal ImageLoader可以设置背景图: http://stackoverflow.com/questions/20952622/set-background-of-relativelayout-with-downloaded-image-with-univer
背景图片修改大小
有的时候提供的图片当作背景太大或者太小。 这时候就需要对图片进行放大或缩小,使用background-size 属性即可 但是ie8不支持,因为这个是css3才支持的 div { background:url(bg_flower.gif); background-size:63px 100px; background-repeat:no-repeat; } 如果在ie8及以下下需要
让背景图片居中,在网页固定尺寸内…
思路:一张很大的图片,想要无论显示器多大(比如19,24,27等等),看到的都是图片中间部分, 比如,在19寸显示,刚刚好看到中间部分,在24寸显示器下,超出部分就显示图片其它部分.图片是居中显示的   #top {  background-image: url(images/banner_01.jpg);  height: 84px;  width: 100%;  margin-right: a
html/js 实现背景图片自适应窗口分辨率大小
窗口变   *{     margin:0; padding:0;  } #bg {    position:absolute;    top:0px;    left:0px;    z-index:-999; }  window.onresize = window.onload = function()  {      var w,h    
background-size设置背景图片自适应 在ie8下失效的问题
遇到的问题是 :有一个div ,div用绿色框体现。然后通过js控制框的大小,实现动态的改变div的大小。 (放大缩小窗口,div跟随变大变小。) 设置了div的css属性  background-image:url(http://i1.piimg.com/1949/c777d079f3fb68ec.png); background-size:cover; 通过浏览器使用发现,div框
背景图片自适应大小(css3)
body {             background: url(/happytime/img/index.jpg) no-repeat center center fixed;              background-size: 100%;//此处要注意,可以填cover也可以填100%。建议填100%         }  备注:折腾了俩个多小时
CSS背景图片自适应
background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%;
【JSP】背景图片自适应
JSP style 中设置   .mysec{                    width:70px;                   height:70px;                    background-image:url(../images/logo.png); /*图片地址*/                                       
H5里面背景图片的设置
background-size属性和background-origin属性、background-clip属性一 样,也是CSS3对于background新增加的属性。它的作用是指定背景图片的大小,比如:对于一个div块,我们需要为它添加一张图片作为背景,然 而图片大小并非总能尽如人意,但我们又不想使用background-repeat属性让背景平铺,那么这时我们就可以使用background-
java编写界面设置 背景图片的大小
设置背景图片大小跟电脑屏幕大小一致: 方法: ImageIcon background = new ImageIcon("res\\index_bgtdw.jpg"); Dimension screenSize = Toolkit.getDefaultToolkit().getScreenSize(); Image temp = background.getImage().
css3-背景图片尺寸 裁剪 原点 多背景等属性
/**/ /*background: url(images/baby0.jpg) no-repeat;*/ /* 设置背景图片大小*/ /*长和宽*/ /*background-size:100px 100px;*/ /*background-size: 50% 50%;*/ /*
如何实现背景图片自适应td大小
有一个颜色渐变的竖条图片bg_img.jpg,用作一个 的背景图片。 This is the content 现在的问题是 1. 当 里面的内容很短时,背景色只显示渐变色的部分 2. 当 里面的内容很长时,有些部分又没有了背景色。如果设置repeat-y,背景又很难看。 如何实现背景图片的高度根据 高度的大小自动伸缩,始终都能显示全部的渐变色? 请指教,谢谢解决方法:1、用
ios开发中导航栏背景的出图规格
1,ios6导航栏背景的出图规格: 非retina(视网膜)屏幕:320 x 44 retina(视网膜)屏幕:640 x 88 注意:从iphone4开始就已经都是视网膜屏幕 2,ios7导航栏背景的出图规格: retina(视网膜)屏幕:640 x 128 为什么是这样呢? 因为ios6中导航栏的高度是44,导航栏上面20的高度是属于状态栏; ios
给jsp或者html设置背景图片根据屏幕大小填充
版权声明:本文为博主原创文章,未经博主允许不得转载。
html 背景图片实现 宽度自适应,高度为背景图片高度 解决发案
body{background-image: url("/i/bg_flower.gif");background-position: center center; background-repeat: no-repeat; background-attachment: scroll; background-size: 100% auto;width:100%;height:1024px}
设置winform窗体背景图片自动适应窗体大小
bm = new Bitmap(fbImage); //fbImage图片路径 this.BackgroundImage = bm;//设置背景图片 this.BackgroundImageLayout = ImageLayout.Stretch;//设置背景图片自动适应
如何让背景图片适应form窗体的大小?
在窗体里面加载的背景图片da何适应窗体的大小? 答:只需利用以下代码即可实现: Private sub Form_Load() me.autoredraw=true rem:使背景图片能够进行自动重绘 end sub Private sub Form_Resize() Me.PaintPicture Me.picture,0,0,Me.scalewid...
自定义TextView实现设置drawable图片大小
TextView drawableLeft 大小设置
文章热词 像处理颜色设置 ipfs图片上传下载讲解 ipfs图片上传下载逻辑 ethereum ipfs大图片存储 ethereum ipfs大图片存储
相关热词 c++设置背景图 dev bootstrap设置导航栏 背景图 bootstrap4 设置li的背景图 人工智能研究生课程设置 人工智能技术专业的课程设置