Блог

Главная - Вопросы по программированию - Ошибка изменения размера изображения с помощью CSS в Chrome, как это исправить?

Ошибка изменения размера изображения с помощью CSS в Chrome, как это исправить?

#html #css #image

#HTML #css #изображение

Вопрос:

Я показываю некоторые значки из внешних доменов на своем сайте. Проблема в том, что когда значок значка отличается от 16 пикселей, и я изменяю его размер, результат не всегда идеален. Случайно я получаю только верхнюю или нижнюю половину изображения, когда я внезапно обновляюсь, значок отображается целиком.

Я столкнулся с этой проблемой только в Chrome, где это происходит в 90% случаев, я кратко протестировал ее в Firefox и, похоже, не возникло. 

 <style>
.icon {
width: 16px;
height: 16px;
</style>

<img class="icon" src="http://getfavicon.appspot.com/http://curiousphotos.blogspot.com/2010/07/creative-gizmos.html">

Есть ли способ изменить размер изображений без разрыва?

Ответ №1:

на самом деле существует несколько методов, 1

 <style>
.icon {
width: 16px;
height: 16px;
}
</style>

2

 <style>
.icon {
max-width: 16px;
max-height: 16px;
}
</style>

3

 <img width="16" height="16" class="icon" src="http://getfavicon.appspot.com/http://curiousphotos.blogspot.com/2010/07/creative-gizmos.html" />

Я полагаю, что # 3 больше подходит для Chrome

Комментарии:

1. Я согласен, поскольку это включает в себя все возможные методы. Однако проблема не устранена, так что это ошибка Chrome

Ответ №2:

Может ли это решить вашу проблему:

 <style>
    .icon {
    width: 16px !important;
    height: 16px !important;
</style>