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

Question

我有一些图像，我正在为每个标签使用此类来设置相同的高度和宽度-

  

.imgsize {               高度：80px;               宽度：80px           }

问题是某些图像未根据尺寸渲染。这是这些图像的布局

• 

如您所见，右侧图像根据CSS类的大小显示，但第1个和第2个较小。但是，当我刷新页面时，我看到前两个图像的大小与第三个图像相同（但仅持续几秒钟，直到页面加载）。 当我为2张图片提供自定义尺寸时，高度和宽度的差异为15像素。

  

height =“ 95” width =“ 95” style =“ margin-top：-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-99像素，因此根据css Class（80px）可能无法显示。我让那些人更改图像大小并使其最初变大。现在看起来一样。 但是我仍然感到怀疑，因为80px小于其原始大小，那么它也没有显示正确。

Answer 2

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

反正

从html标记中的问题中，您可以在内部获得height =“ 95” width =“ 95” style =“ margin-top：-6px”。

所以，请尝试在您的CSS中键入

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

除非您重新加载或更改映射CSS的类，否则它将忽略任何帖子样式。