Мое изображение не реагирует

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

<div class="navbar-header"> 
    <a class="navbar-brand" href="#"> 
    <img src="~/img/flying_logo.png" class="img-responsive"> 
    </a> 
</div>

CSS.

.navbar-brand { 
    position: absolute; 
    display: block; 
    width: 260px; 
    height: 65px; 
    left: 10px; 
    top: 10px; 
}

источник

2015-09-24 Wraith King

Вы можете создать http://plnkr.co/, чтобы продемонстрировать эту проблему? – wvdz

Что это за ссылка? –

Это веб-сайт, который вы можете использовать для тестирования и обмена фрагментами кода html/js/css. Идеально подходит для того, чтобы помочь нам воспроизвести вашу проблему без каких-либо усилий с нашей стороны. Ваш вопрос, поскольку он опубликован сейчас, очень утомительно, потому что нам нужно много времени, чтобы настроить программу для воспроизведения вашей проблемы, если мы даже сумеем ее воспроизвести. – wvdz

-1

Это работает для меня:

img-responsive { 
    max-width: 100%; 
    height: auto; 
}

Или добавить CSS пожалуйста.

источник

2015-09-24 06:04:15 SWiggels

Для этого вам не нужно настраивать css. Этот ответ поражает цель бутстрапа. И на самом деле, этот css уже применяется для img-отзывчивого. – wvdz

Спасибо за помощь, я пытаюсь ответить на этот вопрос, но его не работает, :( –

@popovitsj Вот почему есть «Или добавьте свой CSS пожалуйста». Если бы он уже применялся, это действительно сработало. Но я согласен, что это должно не нужно. – SWiggels

-1

Просто добавьте css для изображения. Вот код для этого.

<style> 
.navbar-header img{ 
    width:100%; 
    height:auto; 
} 
</style>`

После добавления этого css ваше изображение будет реагировать на все экраны.

источник

2015-09-24 06:07:03

Для этого вам не нужен пользовательский css. Этот ответ поражает цель загрузки – wvdz

Спасибо за помощь, я попытаюсь ответить на этот вопрос, но его не работает, :( –

-1

Мы можем использовать этот CSS для тега изображений, как

img{ width:100%; height:auto; }

В начальной загрузке CSS этот тег уже доступен. Если нет, то добавьте. Это не повлияет на вашу начальную загрузку. Он работает для всех изображений на вашем сайте.

источник

2015-09-24 06:24:20

-1

Помогает ли это изменить свой код в Div:

<div class="navbar-header"> 
    <a class="navbar-brand img-responsive" href="#"> 
    <img src="~/img/flying_logo.png"> 
    </a> 
</div>

источник

2015-09-24 07:10:42 Bagger

, пожалуйста, прочитайте и узнайте: http: // getbootstr ap.com/css/#images – Mark

Мое изображение не реагирует

ответ

Смежные вопросы