[英]How do I get my table images to be the same size?
I've created a table with images all sized 150x150px yet some images are showing larger/smaller than others. 我创建了一个表格,其中包含所有尺寸为150x150px的图像,但有些图像显示的尺寸大于其他图像。
Annoyingly, when I put the code into JSFiddle it seems to be fine. 烦人的是,当我将代码放入JSFiddle时,看起来还不错。 Yet in my site (using Wordpress) some of my images show larger/smaller ect. 但是在我的网站(使用Wordpress)中,我的某些图像显示了较大/较小的区域。
The JSFiddle can be seen here . 可以在这里看到JSFiddle 。
The table "in action!" 该表“在行动!” can be seen at: 可以在以下位置看到:
http://79.170.44.112/activate-enterprise.co.uk/meet-the-team/
How can I fix this? 我怎样才能解决这个问题?
I find the error, it's your wordpress style : 我发现了错误,这是您的wordpress风格:
On the image you have this design : 在图像上您具有以下设计:
media="all"
img {
max-width: 100%;
height: auto;
}
If you remove this design, your images are showed properly. 如果删除此设计,则图像会正确显示。
img {
max-width : inherit;
}
You have max-width: 100%;
您有max-width: 100%;
in one of your styles for the img
tag. 以img
标签的一种样式。
img {
max-width: 100%;
height: auto;
}
I feel by setting the max-width: inherit
, your problem will solve. 我觉得通过设置max-width: inherit
,您的问题将得到解决。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.