2 qflyalltime qflyalltime 于 2018.05.16 18:55 提问

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

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

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

6个回答

xushihai88308100
xushihai88308100   2018.05.16 19:23
已采纳

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

qq_36099699
qq_36099699   2018.05.16 19:18

发你的代码截图我看看

Taylor_Ocean
Taylor_Ocean   2018.05.16 20:34

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

qq_33159692
qq_33159692   2018.05.17 19:02

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

brain_bo
brain_bo   2018.06.04 16:13

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

qq_40133387
qq_40133387   2018.05.16 18:58
    如果设置width:100%,那设置max-width:100%就没什么意义。
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
UIButton背景图片调整大小
一般情况下 button添加背景图 UIButton *button = [[UIButton alloc] initWithFrame:CGRectMake(80, 130, 160, 44)];   [button setTitle:@”Test Button” forState:UIControlStateNormal];// Image with withou
背景图片大小兼容ie
CSS3 新增的 background-size 是一个很有用的属性,用于定义背景图片的尺寸,有了这个属性,你就可以任意指定背景图片的大小。其中最常用的值应该要数 cover 了,该值能让背景图片缩放至填满整个容器,即使是图片面积小于容器面积。由于css3的background-size不支持IE;所以会对其做一些兼容: 语法: filter : progid:DXImageTrans
background-size 设置背景图片的大小
background-size 设置背景图片的大小,以长度值或百分比显示,还可以通过cover和contain来对图片进行伸缩。
background-size设置背景图片的大小
设置背景图片的大小,以长度值或百分比显示,还可以通过cover和contain来对图片进行伸缩。 语法: background-size: auto | | | cover | contain 取值说明: 1、auto:默认值,不改变背景图片的原始高度和宽度; 2、:成对出现如200px 50px,将背景图片宽高依次设置为前面两个值,当设置一个值时,将其作为图片宽度值
Navigation Bar的背景图片设置以及圈定大小
转自:http://my.oschina.net/plumsoft/blog/55927 环境:xcode5.0+OS10.8.4 只需在.M文件。。。的viewDidload方法中最后添加代码: 单色: //设置Navigation Bar颜色 self.navigationController.navigationBar.tintCol
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; }
css更改背景图片大小
最近项目中的一个页面用到的图片要比原图小很多,但是这个图片是以一个标记的背景图显示的,不能像在中那样直接设置width、height的值来决定图片显示的大小,最后从网上查到可以使用background-size属性来设置背景的大小的,经实践可行。 以下是我在标签中的属性用法: display: block; width: 28px; height: 28px; background: ur
JQ设置背景图与背景图大小
$("#no"+i).css({"background-image":"url(themes/oppo/images/click/xz.jpg)","background-size":"100% 100%"});
android开发 界面设计 图片资源设计 尺寸说明
特别申明:本文系作者原创,且其目的是便于公司内部部门间合作,csdn支持图片表格,故在此留一份网络稿。 未经本公司许可不得直接转载,本公司官网:http://www.vsochina.com/,欲转载请至官网联系备案,获得许可后方可转载,违者将依法追究相关责任。 前言: 搭载Android操作系统的手机种类繁多,让产品在不同的设备上都具有高度相似的视觉效果是非常重要的(想要做到一样的
Winform背景图片添加与图片大小自适应
Winform窗体开发过程中为了使我们的窗体更加美观,有时候可能需要添加背景图片的操作,那如何添加背景图片呢?主要的方法有两种: (1)PictureBox控件 (2)窗体BackGroudImage属性添加 PictureBox顾名思义就是用来存放图片的容器,拖拉一个PictureBox控件到窗体中,接着再为PictureBox控件添加图片绑定就可以实现背景图片的添加,此种添加方法既可用于