2012-04-22 63 views
7

在这篇文章我已经设置了图像的高度和宽度,它在HTML清楚地看到..图片高度和宽度不起作用?

[URL删除]

但浏览器或WordPress是使图像保持相同的大小。

我希望它变小吗?

回答

37

您必须编写

<img src="theSource" style="width:30px;height:30px;" /> 

联样式将始终优先于CSS样式。您的样式表正在覆盖属性的宽度和高度,因此您需要切换到此格式。

+0

当然30是一个例子 – Mageek 2012-04-22 17:09:53

+0

我已经有了想象力......你甚至读过我的q吗? – 2012-04-22 17:10:04

+0

难道你不能编辑你在wordpress中写的东西吗? – Mageek 2012-04-22 17:11:27

3

你有你的CSS所覆盖的宽度和高度的类,类读取这样:

.postItem img { 
    height: auto; 
    width: 450px; 
} 

删除和你的宽度/高度属性的img标签应该工作。

1

http://www.markrafferty.com/wp-content/w3tc/min/7415c412.e68ae1.css

11号线:

.postItem img { 
    height: auto; 
    width: 450px; 
} 

您可以编辑您的CSS,或者您可以收听Mageek并使用INLINE STYLING覆盖正在发生的CSS样式:

<img src="theSource" style="width:30px;" /> 

避免设置宽度和高度,因为图像本身可能不会按比例缩放。但按照Mageek的例子,您可以将尺寸设置为任何您想要的尺寸。