为什么图像被调整大小？

Question

我在我的网站kilovat.co中使用了wordpress主题。在那里我放了90x90像素的图像。

但得到的图像放大到284x284像素，如下

看到我不想让图像得到调整。我想一些CSS样式使这个调整大小。但我找不到哪一个。我如何让图像保持原样？

Answer 1

的问题是在这里slideshow.css的133线：

#top .slideshow li img{ 
    width: 100%; /* this line affects image size */ 
    height:auto; 
    position: relative; 
    z-index: 3; 
    border:none; 
    margin:0; 
    padding:0; 
    display:block; 
} 

您可以轻松地在浏览器中调试此。

我使用Chrome，但它应该与Firefox非常相似。当我浏览到该页面时，我右键单击该图像，然后选择“检查元素”。这将打开一个包含大量信息的窗格。

右侧有一个“匹配的CSS规则”部分，显示了上面的CSS信息，以及它定义的文件名和行号。此外，许多复选框允许我禁用任何我想要的规则。通过禁用width: 100%规则，我可以轻松确认width: 100%行是问题所在。

Answer 2

当您检查使用Chrome的元素，你会看到这样的计算方式：

width: 283.6166687011719px; 

指着slideshow.css，线132，这将覆盖你的内嵌样式：

#top .slideshow li img - 100%