Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.04.2015, 22:54
Интересующийся
Отправить личное сообщение для Eblinkoff Посмотреть профиль Найти все сообщения от Eblinkoff
 
Регистрация: 29.10.2014
Сообщений: 10

Единицы vw и hw
Получается странная вещь: на разных компьютерах в браузерах одной и той же версии они то работают, то нет. А на смартфоне, как не странно, тоже всё работает. Как сделать так, чтобы когда оно поддерживается в css включать vw, а когда нет - % ?
Ответить с цитированием
  #2 (permalink)  
Старый 16.04.2015, 15:56
Аватар для hfts_rider
Профессор
Отправить личное сообщение для hfts_rider Посмотреть профиль Найти все сообщения от hfts_rider
 
Регистрация: 26.01.2014
Сообщений: 181

Значит версии разные!
Если у тебя на сайте без них можно обойтись, зачем ты их вообще используешь?
Ответить с цитированием
  #3 (permalink)  
Старый 16.04.2015, 20:42
Аватар для mikhail.golovkin
Интересующийся
Отправить личное сообщение для mikhail.golovkin Посмотреть профиль Найти все сообщения от mikhail.golovkin
 
Регистрация: 11.12.2013
Сообщений: 16

Css

.your-awesome-element {
    /** Всегда устанавливается. */
    width: 50%;

    /** Перезатрёт предыдущее свойство, если поддерживается, иначе проигнорируется. */
    width: 50vw;
}


Modernizr

Нужные тесты в ядро не входят (non-core detects), поэтому нужно собрать его под себя, указав css-vwunit.

Modernizr по умолчанию навешивает классы тестов на html:

.your-awesome-element {
    width: 50%;
}

html.cssvwunit .your-awesome-element {
    width: 50vw;
}


Или на js:

var units = ['%', 'vw'];
var element = document.querySelector('.your-awesome-element');

element.style.width = 50 + units[+Modernizr.cssvwunit];

Последний раз редактировалось mikhail.golovkin, 16.04.2015 в 20:59. Причина: Убрал лишние кавычки. :)
Ответить с цитированием
  #4 (permalink)  
Старый 17.04.2015, 19:42
Интересующийся
Отправить личное сообщение для Eblinkoff Посмотреть профиль Найти все сообщения от Eblinkoff
 
Регистрация: 29.10.2014
Сообщений: 10

Спасибо!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
прикольный сериал Shaci Оффтопик 234 02.11.2017 01:43
Использование точки (pt) в качестве единицы измерения и их подводные камни FINoM (X)HTML/CSS 16 15.03.2012 15:26
CSS3 свойства и единицы измерения. devote Оффтопик 28 12.03.2012 13:45
начальный этап изучения js Wizout Общие вопросы Javascript 44 12.01.2012 00:48