html静态页面图片显示大小错误_html/css_WEB-ITnose

在html中使用css控制一个图片的大小css中的值是百分比，为什么页面中显示有时候是自己想要的效果有时候现实的很小呢？
请求各位大神帮忙啊

回复讨论(解决方案)

你要搞清楚是相对于谁的百分比，
比如

1000的50%是500
100的50%才是50

具体大小是根据容器的大小决定的

你要搞清楚是相对于谁的百分比，
比如

1000的50%是500
100的50%才是50

具体大小是根据容器的大小决定的

那为什么会出现有时候现实正确有时候显示的图片很小呢？ 如果是一直显示一个状态那就说明我选的容器的大小确定的不正确，问题是现在很多时候显示都是正确地，大约30%的时候访问此页面显示不正确。

这个得看你的代码怎么写的了

那楼主写的IMG百分比，应该是以下两种情形之一：

1.

2.




也许实际上可能有更多的容器嵌套，但归根结底是所有容器从开始相比于body，一直到IMG，都是这样下来的。而且BODY本身没有设置一个固定宽度。

所以最终IMG的百分比计算得到的实际值，就取决于当前浏览器窗口所给BODY的实际值。因此，浏览器窗口如果改变尺寸，图片就会改变尺寸。

又或者浏览器窗口没有改变尺寸，但IMG外部容器是相对于一个在不同情况下会改变尺寸的容器，所以引起图片尺寸有所不同。

楼主给这个IMG所在容器加个BORDER，在你所说的不同情况下观察一下，就能看出是什么问题导致IMG外部容器的尺寸发生变化了。