alf05 0 Опубликовано: 12 сентября 2016 Рассказать Опубликовано: 12 сентября 2016 Здравствуйте. Сайт: rustavely.ru Делал лого на нетбуке. там экран маленький. Когда зашел с компа увидел, что лого увеличился под экран монитора. Как сделать, чтобы он не увеличивался?? Если масштаб сайта уменьшить, то все уменьшается, а лого все так же остается большим. Цитата Ссылка на сообщение Поделиться на других сайтах
germanydletest 455 Опубликовано: 12 сентября 2016 Рассказать Опубликовано: 12 сентября 2016 @media screen and (min-width/max-width) Вам в помощь Цитата Ссылка на сообщение Поделиться на других сайтах
alf05 0 Опубликовано: 12 сентября 2016 Рассказать Опубликовано: 12 сентября 2016 Автор 4 часа назад, germanydletest сказал: @media screen and (min-width/max-width) Вам в помощь А куда именно ее вставить? .carousel-inner { background-image:url("../img/223.jpg"); position:relative; background-repeat:no-repeat; background-position:center center; -o-background-size:100% 100% ; -moz-background-size:100% 100% ; -webkit-background-size:100% 100% ; background-size:100% 100% ; } Сюда? Цитата Ссылка на сообщение Поделиться на других сайтах
germanydletest 455 Опубликовано: 12 сентября 2016 Рассказать Опубликовано: 12 сентября 2016 В шаблоне city-skyline для класса brand @media only screen and (max-width: 640px) { /*Здесь все стили для мобильных устройств*/ .brand { font-size: 10px; /*как пример*/ } } @media only screen and (min-width: 641px) and (max-width: 1024px) { /*Здесь все стили для планшетов*/ .brand { font-size: 12px; /*как пример*/ } } Цитата Ссылка на сообщение Поделиться на других сайтах
alf05 0 Опубликовано: 12 сентября 2016 Рассказать Опубликовано: 12 сентября 2016 Автор 8 минут назад, germanydletest сказал: В шаблоне city-skyline для класса brand @media only screen and (max-width: 640px) { /*Здесь все стили для мобильных устройств*/ .brand { font-size: 10px; /*как пример*/ } } @media only screen and (min-width: 641px) and (max-width: 1024px) { /*Здесь все стили для планшетов*/ .brand { font-size: 12px; /*как пример*/ } } можешь по подробнее в вотсапе написать, пожалуйста? Цитата Ссылка на сообщение Поделиться на других сайтах
germanydletest 455 Опубликовано: 12 сентября 2016 Рассказать Опубликовано: 12 сентября 2016 4 минуты назад, alf05 сказал: можешь по подробнее в вотсапе написать, пожалуйста? куда ещё подробней, и так уже почти готовый вариант, если хотите что бы сделали за Вас, то это Вам на фриланс искать исполнителей. Цитата Ссылка на сообщение Поделиться на других сайтах
alf05 0 Опубликовано: 12 сентября 2016 Рассказать Опубликовано: 12 сентября 2016 Автор 6 минут назад, germanydletest сказал: куда ещё подробней, и так уже почти готовый вариант, если хотите что бы сделали за Вас, то это Вам на фриланс искать исполнителей. Стили где брать? Цитата Ссылка на сообщение Поделиться на других сайтах
germanydletest 455 Опубликовано: 12 сентября 2016 Рассказать Опубликовано: 12 сентября 2016 5 минут назад, alf05 сказал: Стили где брать? можно тут, а так они у вас прописаны тут .navbar .brand { padding-right:30px; padding-left:0; padding-top:25px; margin-left:0px; color:#fff; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; transition:all .2s linear; font-size:25px; text-transform:uppercase; opacity:0.9999; font-weight:300; font-family:'Open Sans', sans-serif; } .navbar .brand:hover { text-decoration:none; text-shadow:0 1px 0 rgba(255,255,255,.1), 0 0 15px rgba(255,255,255,.74); } .jumbotron .brand { padding-right:30px; padding-left:0; padding-top:25px; margin-left:0px; color:#fff; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; transition:all .2s linear; font-size:25px; text-transform:uppercase; opacity:0.9999; font-weight:300; font-family:'Open Sans', sans-serif; } Цитата Ссылка на сообщение Поделиться на других сайтах
alf05 0 Опубликовано: 12 сентября 2016 Рассказать Опубликовано: 12 сентября 2016 Автор 9 минут назад, germanydletest сказал: можно тут, а так они у вас прописаны тут .navbar .brand { padding-right:30px; padding-left:0; padding-top:25px; margin-left:0px; color:#fff; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; transition:all .2s linear; font-size:25px; text-transform:uppercase; opacity:0.9999; font-weight:300; font-family:'Open Sans', sans-serif; } .navbar .brand:hover { text-decoration:none; text-shadow:0 1px 0 rgba(255,255,255,.1), 0 0 15px rgba(255,255,255,.74); } .jumbotron .brand { padding-right:30px; padding-left:0; padding-top:25px; margin-left:0px; color:#fff; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; transition:all .2s linear; font-size:25px; text-transform:uppercase; opacity:0.9999; font-weight:300; font-family:'Open Sans', sans-serif; } спасибо большое, друг!)) Цитата Ссылка на сообщение Поделиться на других сайтах
Рекомендованные сообщения
Присоединяйтесь к обсуждению
Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.