1

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

但是图像被放大到 284x284 像素，如此处所示

在此处输入图像描述

我不希望图像被调整大小。我猜一些 CSS 样式可以调整大小。但我找不到哪一个。我怎样才能让图像保持原样？

4

2 回答 2

4

问题出在 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%线路是问题所在。

于 2012-09-06T11:35:16.560 回答
0

当你使用 Chrome 检查你的元素时，你会看到这个计算出来的样式：

width: 283.6166687011719px;

指向slideshow.css第 132 行，它将覆盖您的内联样式：

#top .slideshow li img - 100%
于 2012-09-06T11:35:52.767 回答