Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 22.06.2017, 18:57   #1
olga_tn
 
Регистрация: 22.06.2017
Сообщений: 8
По умолчанию Изменение стиля для мобильной версии.

Есть такой стиль

Код:
.view {
   width: 350px;
   height: 350px;
   margin: 10px;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff;
}
.view .mask,.view .content {
   width: 350px;
   height: 350px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
Как сделать, Что бы в мобильной версии ширина была 100% , и высота вела себя адекватно?

Последний раз редактировалось Вадим Мошев; 24.06.2017 в 18:46.
olga_tn вне форума Ответить с цитированием
Старый 26.06.2017, 00:20   #2
AlexZaw
Пользователь
 
Аватар для AlexZaw
 
Регистрация: 26.06.2017
Сообщений: 18
По умолчанию

гуглите медиа запросы
AlexZaw вне форума Ответить с цитированием
Старый 11.07.2017, 20:43   #3
garcikovski
Новичок
Джуниор
 
Регистрация: 11.07.2017
Сообщений: 2
По умолчанию

Цитата:
Сообщение от AlexZaw Посмотреть сообщение
гуглите медиа запросы
спасибо за совет, тоже интересен вопрос.
garcikovski вне форума Ответить с цитированием
Старый 18.07.2017, 16:53   #4
garcikovski
Новичок
Джуниор
 
Регистрация: 11.07.2017
Сообщений: 2
По умолчанию

все оказалось проще, правильно подсказали.

Последний раз редактировалось Serge_Bliznykov; 18.07.2017 в 17:01.
garcikovski вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Шапка для мобильной версии сайта CherryPashka WordPress и другие CMS 8 28.05.2017 15:45
Не работает меню "гамбургер" в мобильной версии сайта. neo_1987 JavaScript, Ajax 0 21.02.2017 08:19
На мобильной версии ссылки не кликабельны Bender1000 JavaScript, Ajax 1 06.10.2015 17:46
[РЕШЕНО] Вертикальное меню мобильной версии сайта drzorin HTML и CSS 0 27.08.2015 15:57