Перейти к содержимому


× Быстрый вопрос
Пользователь месяца
dos1k dos1k 1-й за Май
Очков активности: 1 194 28 тем, 115 сообщений, 4 балла репутации
Сайт: dos1k.ru
ТОП самых активных за этот месяц
  • Фотография Olya23
    #1

    Olya23
    Очков активности: 678 3 темы, 104 сообщения, 4 балла репутации

  • Фотография Rodiola
    #2

    Rodiola (rukodelkovo.ru)
    Очков активности: 414 0 тем, 69 сообщений, 4 балла репутации

  • Фотография maxnik
    #3

    maxnik (konovalovpavel.ru)
    Очков активности: 81 0 тем, 18 сообщений, 3 балла репутации

  • Фотография agrx
    #4

    agrx (key-assort.ru)
    Очков активности: 51 0 тем, 17 сообщений, 2 балла репутации

  • Фотография BLIK
    #5

    BLIK
    Очков активности: 40.5 Вне конкурса за определение пользователя месяца

  • Фотография fedornabilkin
    #6

    fedornabilkin (plohoneponyal.ru)
    Очков активности: 39 0 тем, 13 сообщений, 2 балла репутации

  • Фотография re-search
    #7

    re-search
    Очков активности: 36 5 тем, 9 сообщений, 1 балл репутации

  • Фотография Андрей WPMasterKZ
    #8

    Андрей WPMasterKZ (wpmaster.kz)
    Очков активности: 36 0 тем, 24 сообщения, 1 балл репутации

  • Фотография Ixman
    #9

    Ixman (o5cat.ru)
    Очков активности: 24 0 тем, 8 сообщений, 2 балла репутации

  • Фотография Artos
    #10

    Artos
    Очков активности: 21 0 тем, 7 сообщений, 2 балла репутации

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 24.05.2019
  • Яндекс выдача: 12.06.2019
Топ 5 участников по репутации


CSS стиль для определенного размера экрана

#1 Evgeniy3200

Evgeniy3200
  • Пользователь PRO
  • 1 477 сообщений
  • Репутация: 492
0

Отправлено 20 Октябрь 2017 - 10:22

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

 

На сайте есть форма, которая отрывается в лайтбоксе.

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

width: 410px;

Можно ли изменить параметр данного стиля на процентный только для определенного типа экранов?

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

 

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

 

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

 

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


 

 

  • 0

Если вы можете наугад в полной темноте пробраться к собственной кровати, ни разу не ушибившись, значит, пора путешествовать!



#2 ShowPrint

ShowPrint
  • Пользователь PRO
  • 3 318 сообщений
  • Репутация: 933

Отправлено 20 Октябрь 2017 - 10:37

Привет Жень!

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

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

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

:friends:


  • 2
MasterWEBS: третий дом - моё хобби и увлечение... Второй дом: работа - не меньше 12 часов в день...
Первый дом - под охраной: "Осторожно - злая жена!" (дрессировалась долго и надёжно) /*ссылку не просите - не дам!*/


#3 Evgeniy3200

Evgeniy3200
    Topic Starter
  • Пользователь PRO
  • 1 477 сообщений
  • Репутация: 492

Отправлено 20 Октябрь 2017 - 11:14

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

использовал вот это:

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

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

 

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


  • 1

Если вы можете наугад в полной темноте пробраться к собственной кровати, ни разу не ушибившись, значит, пора путешествовать!





Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru