Pull to refresh

Comments 20

Помню я как делал полностью масштабируемы штуки
Но найти применения не смог более чем пока для фана
Вот так и картинка у Вас в посте — 1,27 Мб!!!
Не обратил внимания, извиняюсь.
В следующий раз будут с меньшим весом.
Ваш пример не работает так как у меня, текст не ресайзится, а блок изменяет масштаб только при движении ширины.
И ресайзится всё в диве, независимо от того, что мы туда запихнём.
Отличный вариант!
Я почему то не стал использовать transform scale, не хотелось к нему прибегать.
Правильно сделали, что scale не использовали. Рендерится всё ужасно.
Почему ужасно?

Посмотрел на большинстве современного — вроде оба варианта примерно одинаково работают.
Где же elem.style.fontSize? С ним было бы действительно сложно.
Тфу ты, я думал на CSS, тогда уж на жКвайри это было бы гораздо короче.… говорили же мне читать теги *бурчит под нос закрывая вкладку*
На jquery таких примеров и так хватает, я задавался целью написать это на чистом javascript-е.
А как насчет медиа кверис? Не уверен на все 100%, но думаю, что можно было бы обойтись без js.
Я, собственно, изначально и делал на media queries и результат был не такой как мне нужно. Там если и задавать изменение размера текста, то изменение будет происходить скачкообразно, иначе придётся задавать изменение размера шрифта для каждой ширины и высоты экрана, попиксельно.
Я описанным способом и сделал. Внимательно посмотрите функцию resizeFont. Сама функция нужна лишь для изменения координат 'vw' и 'vh', когда сжимается ширина вьюпорта или высота. В описанном примере текст взаимодействует лишь с шириной экрана, а в моём ещё и с высотой.
Работает во всех последних версиях браузеров

Не во всех: о(
FF 22
1920x1080
Only those users with full accounts are able to leave comments. Log in, please.