我是响应式网页设计的新手，正在寻找answer.
它并没有真正解释太多，但提供了一个解决方案。
If an img被设置为width: 100%据我所知，它将占据 100% 的浏览器窗口或其包含元素。
The max-width财产states它用于设置元素的最大宽度。
如果我设置一个img tag to max-width: 100%百分比是根据什么元素/上下文计算的？
我所看到的只是当max-width使用图像会缩小但不会放大。
最大宽度示例：http://jsfiddle.net/ErNeT/1445/
宽度示例：http://jsfiddle.net/ErNeT/1446/
如果我将 img 标签设置为 max-width: 100% 到什么元素/上下文
百分比计算依据？
默认情况下，img 标签没有设置尺寸。因此，无论发生什么，该图像都永远不会调整大小。但是，应用 max-width 会使其表现得像具有 100% 宽度。它将根据父容器调整大小，但会停止在图像的最大宽度处。例如：如果图像被切片为 100 像素宽度，则它将调整大小至 100 像素宽度。
另一方面，通过应用宽度（并且没有 max-width 属性），它将忽略图像和父容器的所有其他宽度属性。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
