Question

我正在尝试建立一个网站，一切在Google Chrome和Safari等浏览器上运行正常，但它不适用于Mozilla Firefox和Internet Explorer。

以下是其外观的链接http://imgur.com/BmMOqw0,qiICBR4#0 第一张图片是它在Chrome和Safari中的外观。第二个链接是IE和Firefox。

HTML基本上是包含在许多边框中的方形图像。

 <div> <div> ... <div> <img> </div> ... </div> </div>

CSS将图像和所有div设置为border-radius 100％，并且还包含以下代码：

 max-width: 574px;
 max-height: 574px;
 display:block; 
 max-height:100%; //repetitive, I know, but I've been frustratingly trying everything that might work
 width:auto; 
 max-width:100%;
 height: auto;

我已经尝试过最大高度，没有最大高度，高度：100％，没有高度：100％等等。我已经无数次搜索过这个问题而且对其他人有用的解决方案没有似乎对我有用。我设置了html，body {height：100％}，我尝试过.cycle-slide {width：100％;}和section img {width：100％}但是那些也没用。

编辑：http://jsfiddle.net/zc3Y8/1/ 代码有点不同，因为我在Aptana上使用Ruby on Rails。但这几乎就是它的样子

Answer 1

您使用两个不同的图片作为链接：第一个，http://i.imgur.com/BmMOqw0.png和第二个，http://i.imgur.com/qiICBR4.png

不同浏览器的图像大小调整

1 个答案: