如何使我的图像库宽度响应它下面的div？
我有一个名为slider1_container的图像库，它的样式属性在HTML代码中指定，例如：
<div id="slider1_container" style="position: relative; top: 0px; left: 0px; width:700px;
height: 600px; background: #191919; overflow: hidden;">
这工作完美，除了滑块比下面的div框宽。这个div框是父类“rightcolumn”宽度的100%，我的slider1_container div也在这个类中，但是由于它的700px宽度是在HTML代码中设置的，所以在其他视口大小下似乎没有响应能力。
我尝试在多个点使用媒体查询将slider1_container的宽度更改为小于700px的宽度，但似乎HTML代码中指定的宽度会推翻这一点。
[删除死链接，请更新]
如果我将700px设置为auto，宽度可以很好地工作，但当你加载页面时，图像库只显示黑色，直到你选择另一张照片，它会很快出现（听起来是javascript问题）。
如果你在我的网站上调整视区的大小，你可以看到图像库的宽度不匹配它下面的div框，我如何使这个响应像其他div？
谢谢！！
共有1个答案
阅读文档了解您正在使用的任何幻灯片演示插件。它很可能有响应性设置。如果不是，您可以在这里找到一百万个不同的响应幻灯片演示插件
-
问题内容： 我正在尝试设置此样式： 以便标题位于与图像宽度相同的阴影框中。请注意，有时可以将其放在表的内部。它也不应超过父元素的宽度（必要时将图像缩小）。 这是我到目前为止的内容： 问题在于，放置as 使其不再影响其他元素的流动，因此它会将其覆盖在其下方的内容上，而不是将其下推。 html标记是自动生成的，我无法对其进行任何编辑，因此我想知道使用 纯css 是否可行。 问题答案： 您可以使用CSS
-
如何在jQuery中获取图像的高度和宽度，如果我使用img与类"img响应"，并且没有给出任何高度，宽度，最大高度，最大宽度等。 我不希望图像的真实高度和宽度，我们可以从getHeight和getWidth获得，但我想要确切的高度和宽度，我可以在移动浏览器中看到，我看到小高度和宽度，在台式机或笔记本电脑中看到更大的高度和宽度宽度。 这是桌面视图 这是移动视图 我想知道我的屏幕有多少像素被那个图像覆
-
问题内容： 为什么下面的代码返回高度：-1，这意味着高度未知。如何获得图像的高度？ 问题答案： 使用ImageIO.read(URL)或ImageIO.read(File)代替。加载时它将阻塞，返回后将知道图像的宽度和高度。 例如 或者，MediaTracker向由异步加载的映像中添加A ，Toolkit然后等待其完全加载。
-
问题内容： 除了使用ImageIO.read来获取图像的高度和宽度外，还有其他方法吗？ 因为我遇到了锁定线程的问题。 此错误仅在Sun应用服务器上发生，因此我怀疑这是Sun错误。 问题答案： 这很简单方便。
-
我需要图像采取容器的整个宽度，除非结果的高度大于可用容器的视口高度。 基本上，我希望图像是响应性的，但它应该仍然适合屏幕。如果它不适合屏幕，它应该缩小，水平居中，最好在它的侧面添加黑色瓷砖。 当前，我的CSS类看起来是这样的： 我试着在图像或专用容器上使用max-height,但纯CSS似乎无法实现此功能。 澄清： 我事先不知道图像的尺寸，所以不能将它们放入一个预设大小的容器中。 基本上，我的目标
-
问题内容： 如果我有： 然后 会拉伸以填充该空间。我希望图像保持相同大小，但是要在DOM中占用那么多空间。我是否必须添加封装或？我讨厌添加样式标记。 问题答案： 是的，您需要一个封装div： 与类似： 其他解决方案（填充，边距）比较繁琐（因为您需要根据图像的尺寸计算正确的值），但也不能有效地使容器小于图像。 同样，上述内容可以更容易地适用于不同的布局。例如，如果您希望图像位于右下角：