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>

Что-то не так с изображениями или с кодом.? Любой совет будет оценен.

Edit:

Это скриншот во время загрузки страницы - вот так изображение выглядит точно так же, как один другой, всего лишь ... может быть, только 2 секунды -

Answer 1

Привет, спасибо за вашу помощь, ребята. Теперь проблема решена, и, как я и подумал, она не отображала тот же размер, потому что эти изображения были очень маленького размера, чем другие изображения на моей странице. Эти изображения были размером 93-99 пикселей, поэтому они могут не отображаться в соответствии с классом CSS (80 пикселей). Я заставил этих людей изменить размер изображения и увеличить его изначально. Теперь это выглядит так же .. Но все же я сомневаюсь, так как 80px был небольшим от своего первоначального размера, тогда он также не показывал правильное значение.

Answer 2

извините, что написал это в ответе, потому что у меня недостаточно репутации, чтобы написать комментарий.

в любом случае,

из вашего вопроса в html-теге вы получите height = "95" width = "95" style = "margin-top: -6px" inside.

Итак, попробуйте ввести его в свой CSS

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

он игнорирует любые стили постов, если вы не перезагрузите или не измените класс, отображающий CSS.