html <img>显示一些图像的不同大小

Question

我有一些图片，我用这个类为每个标签设置相同的高度和宽度-

.imgsize{高度:80；宽度:80}

问题是有些图像没有按照大小绘制。以下是这些图像的布局

• ​

​

正如您所看到的，右边的图像是根据CSS类中的大小显示的，但是第1和第2部分稍微小一些。但是，当我刷新页面时，我会看到前2张图片的大小与第三张相同(但在页面加载之前只需几秒钟)。当我给这两个图像定制大小时，在高度和宽度上的差异是15 px。

height="95“”width="95“style=”边缘-顶部：-6px“

但它的尺寸和第三辆一样大。我不明白为什么会这样。

<div class="row">
    <img src="Images/icons/images/背景图-（03_42.png" />
    <div class="col-lg-4 col-md-1 col-sm-1">
        <img src="Images/中控首页按钮/首页按钮-默认状态/控制页面_106.png" 
            id="CurtainOpen" class="imgclick imgsize" /></div>
    <div class="col-lg-4 col-md-1 col-sm-1">
        <img src="Images/中控首页按钮/首页按钮-默认状态/控制页面_108.png" 
            id="CurtainClose" class="imgclick imgsize"/></div>
    <div class="col-lg-4 col-md-1 col-sm-1">
        <img src="Images/详细页图标/全部按钮/控制全页面-默认状态/控制页面_110.png" 
            id="CurtainStop" class="imgclick imgsize" /></div>
</div>

图像或代码有什么问题吗？如有任何建议，将不胜感激。

编辑：

这是屏幕截图，而页面正在加载-这是图像看起来完全相同的大小，因为只是.可能只有2秒-

​

​

Answer 1

嗨，谢谢你们的帮助。这个问题现在已经解决了，和我开始想的一样，它没有呈现相同的大小，因为这些图像的大小比我页面上的其他图像小。这些图像大小为93-99px，因此它们可能不会按照Class(80 px )显示。我让那些人改变了图像的大小，并使它原来更大。现在看起来一样..。但我仍然怀疑，因为80 it比它原来的尺寸小，所以它也没有显示正确。

Answer 2

很抱歉把这个写在回答上，因为我没有足够的声誉来写评论。

总之，

从html标签中的问题中可以得到height="95“width="95”style=“页边距：-6PX”。

所以，尝试在您的css中键入它。

.imgsize{ height:80px !important; width:80px !important; }

它忽略任何post样式，除非您重新加载或更改类映射css。