За последние 24 часа нас посетили 23022 программиста и 1722 робота. Сейчас ищут 2002 программиста ...

@media В помойку!

Тема в разделе "JavaScript и AJAX", создана пользователем geone, 20 окт 2015.

  1. geone

    geone Новичок

    С нами с:
    4 окт 2015
    Сообщения:
    139
    Симпатии:
    0
    !!!! data-sm="" !!!!! при экране от 768px и до 992px, его значение добавиться в атрибут class сработает стиль и колонка поменяет свою ширину.

    Цитата! Выше перечитывай. Ты не понимаешь моей задумки.
     
  2. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    Ты не понимаешь. Я могу написать разную ширину в колонках для разных экранов, а не в пикселях. А ты предлагаешь тупо масштабирование.
     
  3. engine.energy

    engine.energy Новичок

    С нами с:
    31 май 2015
    Сообщения:
    149
    Симпатии:
    0
    geone, для чего создан style вот и там кидай ваш вкус щирины и колонки чем css затрагивать!
     
  4. geone

    geone Новичок

    С нами с:
    4 окт 2015
    Сообщения:
    139
    Симпатии:
    0
    Как хочешь. Но лучше иметь 12 классов колонок чем 12 по 5 раз.
    Для одного экрана одни классы для другова другие и прописаны они в DATA атрибуте.
    Какая разница? Суть плагина от этого не меняется.

    ???

    Добавлено спустя 1 минуту 31 секунду:
    Я хочу замену классов в зависимости от экрана. Маштабирование тут даже не стоит.
     
  5. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    Ты просто не понимаешь сути. Перечитай мой пример.
     
  6. geone

    geone Новичок

    С нами с:
    4 окт 2015
    Сообщения:
    139
    Симпатии:
    0
    Этот пример? Давай разберём чем col-lg-6 и col-6 отличаются?
    • col-lg-6 Работает на @media на экране Больше 1200px
    • col-6 работает всегда
    Они имеют ширину 50%

    data-lg="col-6" подставляет значение в атрибут класс при экране Больше 1200px. И работает стиль класса col-6.
    Хочешь что бы колонка уменьшалась data-sm="col-12" подставляет значение в атрибут класс при экране Больше 768px и меньше 992px. И работает класс col-12 И колонка уменьшается на мобильниках. Можно ещё придумать настройки экранов.
    Это эмуляция твоего col-lg-6 и col-sm-12. Только в data атрибута можно пихать что хочешь, и не нужны @media!

    Читай пока не поймёшь, я не могу тебе объяснить.
    Наверное я зря создал эту тему.
     
  7. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    блин, ты упускаешь, потому что надо самому попробовать, а мне лень писать рабочий пример.

    У меня есть кол-лг-12 и кол-см-12, и -6 и -1 и т.п.

    Я могу в зависимости от экрана решить, хочу ли я тут один столбик или два, или шесть, или 12 штук. Я не про ширину говорю, а про количество колонок.

    Т.е. если я напишу кол-лг-6 кол-см-12, это будет значить, что если экран маленький, то сделай на всю ширину, а если большой - то в два столбика. Понимаешь?

    При этом, если я напишу кол-лг-6 и кол-см-6, то оно и на маленьком останется в две колонки.

    Если я напишу кол-6, то оно и на большом, и на маленьком будет в две колонки всегда, или в одну колонку, если задать ширину кол-6 на маленьком равную ширине экрана. Но тогда я не смогу написать так, чтобы тут же рядом было в две колонки.

    Т.е. через лг и см я могу контролировать не ширину, а количество колонок в зависимости от ширины экрана.
     
  8. geone

    geone Новичок

    С нами с:
    4 окт 2015
    Сообщения:
    139
    Симпатии:
    0
    Я эту фичу знаю уже ой как давно.

    Ты не прав! Скоро сделаю пример покажу.
     
  9. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    я заинтригован.
     
  10. mahmuzar

    mahmuzar Старожил

    С нами с:
    6 апр 2012
    Сообщения:
    4.631
    Симпатии:
    425
    Адрес:
    РД, г. Махачкала.
    @geone, чувак, вернись, прошло почти три года, а примера до сих пор нету:eek:. Я переживаю, это было его предпоследнее сообщение на этом форуме.
     
  11. nospiou

    nospiou Старожил

    С нами с:
    4 фев 2018
    Сообщения:
    3.400
    Симпатии:
    510
    карлсон не настоящий:(