首頁  >  文章  >  web前端  >  html静态页面图片显示大小错误_html/css_WEB-ITnose

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

WBOY
WBOY原創
2016-06-24 12:15:291632瀏覽

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


回复讨论(解决方案)

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

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

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

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

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

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

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

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

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

1.


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


2.


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



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

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

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

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn