我有一个名为 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代码中指定的宽度优先于此。
Here is a demo of my site ....
如果我将700px设置为自动，则宽度可以正常工作但是当您加载页面时图像库仅显示黑色，直到您选择另一张照片时它会快速显示（javascript发出声音）。
如果您在我的网站上调整视口大小，您可以看到图片库的宽度与其下方的div框不匹配我如何使其响应像其他div一样？
谢谢！