Question

当图像放在div中时，

max-width:100%正在工作，但当我将它添加到li中时，它不起作用。

这是DEMO

但奇怪的事实是，如果我完全删除.pro ul的样式，它就有效。由于ul的样式被定义为完成UI部分，我无法从代码中删除任何现有样式。

P.S - 最大宽度：100％用于仅拉伸图像直到图像原始大小的范围。 width：100％使图像适合我不想要的设备尺寸。

检查DEMO这就是我希望它在ul列表中工作的方式。您可以调整窗口大小以检查其工作原理。

Answer 1

this你想要什么？我对css进行了以下更改。

.pro ul{margin:0; padding:0;  list-style:none; width:100%; white-space: nowrap; overflow:hidden;}
.pro li{  display:block; margin:0; padding:0;  }
.pro li a {display:block}
.pro ul li img{     margin:0 auto; width:100%; max-width:100%}

更新：

检查this更新的小提琴。当我检查chrome＆amp;时，我得到了完全相似的输出Firefox浏览器。或者请指明您所在的浏览器。

我刚从width:100%样式

中删除了.pro ul li img

更新2：

如果您从小提琴中删除了overflow:hidden;样式中的.pro ul属性，它将work按预期进行。但如果您无法编辑您的CSS，抱歉。

Answer 2

我试了一下，我想我明白了

选中 fiddle

我在这里使用了定位..

 .pro ul li img{ position:absolute;}

如果您不想使用定位，请从ul标记中删除width和white-space属性。（我不知道为什么，但删除时有效）

 .pro ul{margin:0; padding:0;  list-style:none; overflow:hidden;  height:243px}

选中 fiddle

ul列表中的图像最大宽度

2 个答案: