[X] Помощник

[Zhil_hb Topic Starter]

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

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

width: 410px;

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

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

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

Спасибо за помощь, а то я чет туплю :wacko:  ^_^

[ShowPrint]

Привет Жень!

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

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

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

:friends:

[Zhil_hb Topic Starter]

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

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

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

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

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.