1

我有一个关于一堆图像的问题。

我有图像路径并尝试将它们加载到我的浏览器中。

其中一些在我的 Chrome 浏览器中显示 css 样式表,如下所示

element.style {
  -webkit-user-select: none;
}

但我的一些图片有css风格

element.style {
  -webkit-user-select: none;
  cursor: -webkit-zoom-in;
}

img[Attributes Style] {
  width: 1275px;
  height: 963px;
}

我只是使用地址加载这些图像

http://www.testproject.com//image/test.png

为什么有些图像设置了宽度和高度?我可以删除它们吗?

非常感谢!

4

2 回答 2

4

在您的 Chrome 开发工具中比较此小提琴中的以下 2 个img标签。

<img src="http://i.imgur.com/GTUxoqj.png">
<img src="http://i.imgur.com/GTUxoqj.png" width="200" height"200">

下面的样式

img[Attributes Style] {
  width: 200px;
}

仅出现在第二个属性上,并以灰色背景出现在 Chrome 开发工具中,因为它不是来自文档中的 CSS 样式或来自外部样式表。第二个图像上设置了宽度和高度属性。开发工具向您展示了该图像的宽度受属性值的影响(与 CSS 样式相反)。灰色背景意味着它不是您可以通过开发工具修改的 CSS 属性。Chrome 对默认样式有类似的行为,它适用于某些其他没有样式的元素。

于 2013-07-03T04:10:13.933 回答
1

从它的声音。您的图像正在获取 Chrome 的用户样式表。这是有关用户选择属性的一些好信息。由于您加载的任何 CSS 都应在存在时覆盖这些样式,因此您可以执行以下操作之一...

为图像标签添加宽度/高度属性

<img src="http://www.testproject.com//image/test.png" height="100" widith="100"> 

或者

添加一个类来控制大小

HTML
<img src="http://www.testproject.com//image/test.png" class="test_image">

CSS
.test_image {width:100px;height:100px;}

希望有帮助!

于 2013-07-03T04:18:25.603 回答