@media НЕ срабатывает где я "лоханулся" - Webmasters.ru - RSS
http://webmasters.ru/forum/showthread.php?t=65183
SEO форум вебмастеров - Поисковые системы, оптимизация, раскрутка сайта, оптимизация и продвижение сайта в поисковых системах1743324554Elesite CMS60http://webmasters.ru/forum/images/wm/misc/rss.pngSEO форум вебмастеров Webmasters.ru
http://webmasters.ru/forum
@media НЕ срабатывает где я "лоханулся" by Valerij
http://webmasters.ru/forum/showpost.php?p=669186
Sat, 07 Mar 2015 08:37:32 GMThtml
---------------------------
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)
---------------------------
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)]]>@media НЕ срабатывает где я "лоханулся" by Coder
http://webmasters.ru/forum/showpost.php?p=669191
Sat, 07 Mar 2015 08:50:43 GMT1.Bootstrap используется - возможно, порядок подключения (после вашего css ) или !important. Поэтому, посмотрите, чтобы ваш стиль шел после него или в конце стилей + попробуйте !important на ваши инструкции.
2. Не задавайте точные (или больше, или меньше и попробуйте max в media:
@media screen and (max-width: 700px) {}
@media screen and (max-width: 380px) {}@media НЕ срабатывает где я "лоханулся" by Valerij
http://webmasters.ru/forum/showpost.php?p=669230
Sat, 07 Mar 2015 12:52:03 GMTCoder,Не получилось,решил проблему по другому, может кому пригодится решение.
--------------------------------------------------------------
.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;
}
--------------------------------------------------------------
.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;
}]]>@media НЕ срабатывает где я "лоханулся" by Coder
http://webmasters.ru/forum/showpost.php?p=669231
Sat, 07 Mar 2015 13:01:37 GMTможет кому пригодится решение
) Остроумное решение, css3 - на старых браузерах, правда, работать не будет: _http://htmlbook.ru/css/background-size@media НЕ срабатывает где я "лоханулся" by Vlad03
http://webmasters.ru/forum/showpost.php?p=669239
Sat, 07 Mar 2015 13:45:28 GMTДля осла старого можно это добавить _https://github.com/louisremi/background-size-polyfill
---------------------------
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)]]>