X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> CSS стиль для определенного размера экрана
Zhil_hb
Zhil_hb
Topic Starter сообщение 20.10.2017, 11:22; Ответить: Zhil_hb
Сообщение #1


Всем привет! :)

На сайте есть форма, которая отрывается в лайтбоксе.
По CSS стилям (в файле style.css для определенного класса) лайтбокс имеет параметр ширины:

width: 410px;

Можно ли изменить параметр данного стиля на процентный только для определенного типа экранов?
Чтобы для мобильных устройств параметр ширины имел значение 100%, а для всех остальных оставался 410px. 

Изначально ставить 100% ширину - форма получается очень некрасивая

т.к. на некоторых устройствах, с экраном меньшим 410px, форма вылазит и появляется горизонтальная прокрутка.

Спасибо за помощь, а то я чет туплю :wacko:  ^_^
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ShowPrint
ShowPrint
сообщение 20.10.2017, 11:37; Ответить: ShowPrint
Сообщение #2


Привет Жень!

.myForm{width:410px}
@media screen and (max-width:450px){.myForm{width:100%}}
/* 450px можно поменять на нужное значение */

А можно поступить ещё таким образом:

.myForm{width:100%;max-width:410px}
/* читаем как "100%, но не больше 410 пикселей"*/

:friends:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Zhil_hb
Zhil_hb
Topic Starter сообщение 20.10.2017, 12:14; Ответить: Zhil_hb
Сообщение #3


ShowPrint, как все просто, оказывается. Мозг запарился, и о простых путях я и не подумал.
использовал вот это:

.myForm{width:100%;max-width:410px}

работает как и хотел :D

Миш, как всегда выручил, у тебя скоро в карме места не останется :smile-thumb-up:  :smile-thumb-up:  :smile-thumb-up:


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыAzinomoney.com - гемблинг-партнерка с 65%RS для каждого
Гарантированный заработок на гемблинг-трафике
65 AzinoMoney 29157 Вчера, 19:10
автор: AzinoMoney
Горячая тема (нет новых ответов) Делаю полностью уникальный дизайн для сайтов!
46 AlexDIZ 93430 26.3.2024, 20:03
автор: AlexDIZ
Открытая тема (нет новых ответов) Большие ставки для кликов в Я.Директ. Как удешевить?
2 rownong27 1116 26.3.2024, 14:13
автор: knezevolk
Горячая тема (нет новых ответов) Betatransfer.net - прием платежей для HIGH RISK проектов, интернет эквайринг и мерчант онлайн оплат
52 arendator 34114 26.3.2024, 4:43
автор: arendator
Открытая тема (нет новых ответов) Покупаем рекламу на ваших площадка для 2х интернет сервисов
Покупаем статьи для фотохостинга и мониторинга сайтов.
1 AndrePro 994 25.3.2024, 13:46
автор: Wilkinson


 



RSS Текстовая версия Сейчас: 28.3.2024, 12:21
Дизайн