我们知道,html 中暗藏了一些默认宽高,比如 body 标签默认是 100%的,在里面建立一个 div 标签,他会继承这个 100%,放一个 img 标签,默认是 img 自身大小,如果给 img 加一个 100%的宽度,宽度就是外框的宽度。
今天遇到一个例外,如果外框是绝对定位,这个宽度似乎没了,之前我不知道,不过没问题,我用了 IE 和 chrome 都是这样。
img 自身宽 1200px,高 400px,设定宽度 100%,高度 100px,IE 和 chrome 表现并不一致,IE 中设定宽度无效,实际宽度为依高度缩放后的宽度,1200/(400/100)=300,而 chrome 是 1200,也就是说 chrome 的 100%是按照自身的宽度计算的。
大家怎么看?
今天遇到一个例外,如果外框是绝对定位,这个宽度似乎没了,之前我不知道,不过没问题,我用了 IE 和 chrome 都是这样。
img 自身宽 1200px,高 400px,设定宽度 100%,高度 100px,IE 和 chrome 表现并不一致,IE 中设定宽度无效,实际宽度为依高度缩放后的宽度,1200/(400/100)=300,而 chrome 是 1200,也就是说 chrome 的 100%是按照自身的宽度计算的。
大家怎么看?