Tag: 宽度的

使图像宽度为父div的100％，但不大于其自身的宽度

我试图得到一个图像（dynamic放置，没有限制的尺寸）是一样宽，它的父div，但只有只要该宽度不宽于自己的宽度在100％。 我试过这个，无济于事： img { width: 100%; height: auto; max-width: 100%; } 这些图像中的许多图像比父div更宽，这就是为什么我希望它们相应地resize的方法，但是当一个小图像突然出现并超出其正常尺寸时，它确实看起来很糟糕。 有没有办法做到这一点？

当viewport没有被resize时，jquery $（window）.width（）和$（window）.height（）返回不同的值

我正在写一个使用jQuery的网站，反复调用$(window).width()和$(window).height()来根据视口大小来定位和调整元素的大小。 在进行故障排除时，我发现当视口未resize时，在重复调用上述jquery函数时，获得的视口大小报告略有不同。 想知道是否有什么特别的情况发生，或者如果是这样的话。 看起来大小的差异是20px或更less。 它发生在Mac OS X 10.6.2上的Safari 4.0.4，Firefox 3.6.2和Chrome 5.0.342.7 beta版本中。 我还没有testing其他浏览器，因为它似乎并不是特定于浏览器。 我也无法弄清楚区别在哪里，如果不是视口的大小，是否还有另外一个因素使得结果有所不同？ 任何有识之士将不胜感激。 更新： 它不是$(window).width()和$(window).height()正在改变的值。 这是我用来存储上述值的variables的值。 这不是滚动条的值，当variables值改变时，不会出现滚动条。 这里是我的代码来存储在我的variables的值（我正在做，所以他们更短）。 （所有这些在$(document).ready() ） //最初声明variables在.ready()可见， var windowWidth = $(window).width(); //retrieve current window width var windowHeight = $(window).height(); //retrieve current window height var documentWidth = $(document).width(); //retrieve current document width var documentHeight = $(document).height(); //retrieve current document height […]

显示：内联块 – 这是什么空间？

内联块在它们之间有这个奇怪的空间。 我可以忍受它，直到一个点，如果我加载一个AJAX呼叫更多的内容，微小的空间消失。 我知道我在这里错过了一些东西。 div { width: 100px; height: auto; border: 1px solid red; outline: 1px solid blue; margin: 0; padding: 0; display: inline-block; } http://jsfiddle.net/AWMMT/ 如何使内联块的间距一致？