@media НЕ срабатывает где я "лоханулся"

(Ответов: 4, Просмотров: 843)
  1. Опытный Аватар для Valerij
    • Регистрация: 23.11.2012
    • Сообщений: 497
    • Репутация: 68
    • Webmoney BL: ?
    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)
    Последний раз редактировалось Valerij; 07.03.2015 в 13:49.
    • 0
  2. Quae res omnia Аватар для Coder
    • Регистрация: 29.01.2015
    • Сообщений: 821
    • Репутация: 299
    1.Bootstrap используется - возможно, порядок подключения (после вашего css ) или !important. Поэтому, посмотрите, чтобы ваш стиль шел после него или в конце стилей + попробуйте !important на ваши инструкции.

    2. Не задавайте точные (или больше, или меньше и попробуйте max в media:

    Пример

    @media screen and (max-width: 700px) {}
    @media screen and (max-width: 380px) {}
    [свернуть]
    • 1

    Спасибо сказали:

    Valerij(07.03.2015),
  3. Опытный Аватар для Valerij
    • Регистрация: 23.11.2012
    • Сообщений: 497
    • Репутация: 68
    • Webmoney BL: ?
    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;
    }
    • 1

    Спасибо сказали:

    Coder(07.03.2015),
  4. Quae res omnia Аватар для Coder
    • Регистрация: 29.01.2015
    • Сообщений: 821
    • Репутация: 299
    Цитата Сообщение от Valerij Посмотреть сообщение
    может кому пригодится решение
    ) Остроумное решение, css3 - на старых браузерах, правда, работать не будет: _http://htmlbook.ru/css/background-size
    • 0
  5. Опытный Аватар для Vlad03
    • Регистрация: 21.05.2014
    • Сообщений: 404
    • Репутация: 33
    • Webmoney BL: ?
    Для осла старого можно это добавить _https://github.com/louisremi/background-size-polyfill
    • 1

    Спасибо сказали:

    Valerij(08.03.2015),

Похожие темы

Темы Раздел Ответов Последний пост
"Рашн бузинэс" или "Как стать инфо-бизнесменом не имея знаний, опыта и денег"
Заработок в интернете 99 20.08.2015 16:18
Веб-студия "Как ни крути" - создание сайтов "с нуля", продвижение, полный спектр маркетинговых услуг.
Создание сайтов 3 27.11.2014 01:07
"Сателлиты" \ "СДЛ" \ "Под Ключ" \ "Цена = Качество"
Создание сайтов 22 22.01.2013 02:36

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры