html
<div class="col-lg-5 col-sm-5 col-md-5 logo"><a href="/"><img class="img-responsive" alt="logo" src="/uploads/images/logo600.png" /></a>
</div>
---------------------------
CSS
---------------------------
@media (min-width : 320px) {
.logo img { padding-left: 10px;
width: 35%;
}
}
@media (min-width: 768px) {
.logo img { padding-left: 4px;
width: 45%;
}
}
@media (min-width: 1200px) {
.logo img { padding-left: -7px;
width: 65%;
}
}
Изображение "подтягивает" всегда с значений (min-width: 1200px)
- 07.03.2015 13:37
Последний раз редактировалось Valerij; 07.03.2015 в 13:49.
- 07.03.2015 13:50
1.Bootstrap используется - возможно, порядок подключения (после вашего css ) или !important. Поэтому, посмотрите, чтобы ваш стиль шел после него или в конце стилей + попробуйте !important на ваши инструкции.
2. Не задавайте точные (или больше, или меньше и попробуйте max в media:Пример
@media screen and (max-width: 700px) {}
@media screen and (max-width: 380px) {}[свернуть]Спасибо сказали:
Valerij(07.03.2015), - 07.03.2015 17:52
Coder,Не получилось,решил проблему по другому, может кому пригодится решение.
<a href="/">
<div class="col-lg-5 col-sm-5 col-md-5 logo">
</div></a>
--------------------------------------------------------------
.logo{ background: url(../images/logo600.png) no-repeat; height:7.7em; margin-left: auto; margin-right: auto;
-webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;
}Спасибо сказали:
Coder(07.03.2015), - 07.03.2015 18:01
- 07.03.2015 18:45
Для осла старого можно это добавить _https://github.com/louisremi/background-size-polyfill
Спасибо сказали:
Valerij(08.03.2015),
Тэги топика:
Похожие темы
Темы | Раздел | Ответов | Последний пост |
---|---|---|---|
"Рашн бузинэс" или "Как стать инфо-бизнесменом не имея знаний, опыта и денег" | Заработок в интернете | 99 | 20.08.2015 16:18 |
Веб-студия "Как ни крути" - создание сайтов "с нуля", продвижение, полный спектр маркетинговых услуг. | Создание сайтов | 3 | 27.11.2014 01:07 |
"Сателлиты" \ "СДЛ" \ "Под Ключ" \ "Цена = Качество" | Создание сайтов | 22 | 22.01.2013 02:36 |