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币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
background-size设置背景图片的大小
设置背景图片的大小,以长度值或百分比显示,还可以通过cover和contain来对图片进行伸缩。 语法: background-size: auto | | | cover | contain 取值说明: 1、auto:默认值,不改变背景图片的原始高度和宽度; 2、:成对出现如200px 50px,将背景图片宽高依次设置为前面两个值,当设置一个值时,将其作为图片宽度值
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
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%"});
jsp 定义 背景图片并控制图片的大小
body{   background:url("./1.jpg"); background-repeat:no-repeat; background-size:860px 720px; background-position-x:50%;   }
vue图片地址不对显示默认图片并且大小与background:cover效果一样
我遇到的问题是这样的:    list要有图片,但是有的图片太长或者太宽,就需要固定长和宽,开始我是用下面的方法的。使用background-size: cover这个属性。但是如果  图片url存在并且错误的时候,代码会执行第一段。那么久出现一个问题就是背景图片解析不出来,显示空白框。   解决方法: 使用img标签,有人会说img没法做到background-size: co...
android开发 界面设计 图片资源设计 尺寸说明
特别申明:本文系作者原创,且其目的是便于公司内部部门间合作,csdn支持图片表格,故在此留一份网络稿。 未经本公司许可不得直接转载,本公司官网:http://www.vsochina.com/,欲转载请至官网联系备案,获得许可后方可转载,违者将依法追究相关责任。 前言: 搭载Android操作系统的手机种类繁多,让产品在不同的设备上都具有高度相似的视觉效果是非常重要的(想要做到一样的
html学习之控制背景图片大小
可以用css控制‘ body { background-image:url(images/background.jpg); background-size:cover; font-family:"华文楷体"; } 可以直接用html标签控制  background-size: length|percentage|cover|cont