Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

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

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


Донат для форума - использовать для поднятия настроения себе и модераторам

А ещё здесь можно купить рекламу за 25 тыс руб в месяц! ) пишите сюда - alarforum@yandex.ru

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

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

Код:
.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 в 19:46.
olga_tn вне форума   Ответить с цитированием
Старый 26.06.2017, 01:20   #2
AlexZaw
Пользователь
 
Аватар для AlexZaw
 
Регистрация: 26.06.2017
Адрес: Томск
Сообщений: 18
Репутация: 32
По умолчанию

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

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

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

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

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

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


16:34.


Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.