Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Пётр
@volkov_p_v
FrontEnd разработчик
JavaScript
Как пропрорционально уменьшить прямоугольник?
У меня есть блок 1345X973px
Мне нужно его пропроцианально уменьшать при помощи js в зависимости он ширины браузера.
Как это сделать?
Вопрос задан
более трёх лет назад
217 просмотров
Комментировать
Подписаться
1
Оценить
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
2
Алексей Уколов
@alexey-m-ukolov
Куратор тега JavaScript
1. Узнать оригинальное соотношение сторон.
2. Узнать необходимую ширину или высоту.
3. При помощи простейшей математической формулы* вычислить новое значение нужной стороны.
* гуглить "пропорции".
Ответ написан
более трёх лет назад
3
комментария
Нравится
1
3
комментария
Facebook
Вконтакте
Twitter
Пётр
@volkov_p_v
Автор вопроса
можно код на js ?))) А то у меня под веречер голова не соображает :(
Написано
более трёх лет назад
Алексей Уколов
@alexey-m-ukolov
Куратор тега JavaScript
Нельзя, отложите задачу до утра.
Написано
более трёх лет назад
Артур
@astralo
Алексей Уколов
: люди на этом ресурсе все чаще ждут готового решения и написанного за них кода ) печаль
Написано
более трёх лет назад
Дмитрий Гусев
@illi
ну если через js то примерно так:
при загрузке страницы запоминаете текущие размеры прямоугольника и ширину браузера
подписываетесь на событие ресайза окна
в обработчике события получаете новую ширину окна
высчитываете коефициент
применяете его к размерам прямоугольника
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
Простой
Почему функции по смещению свойств объектов работают только с объектами, у которых свойства состоят из букв?
1 подписчик
12 часов назад
56 просмотров
2
ответа
JavaScript
+1 ещё
Простой
Как в редакторе Gutenberg получить выделенный текст?
1 подписчик
15 часов назад
51 просмотр
1
ответ
JavaScript
+1 ещё
Средний
Как запушить объект (содержащий в себе дату и массив часов) в массив?
1 подписчик
вчера
77 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Как прогрузить превью видео Ютуб на главной до момента прокрутки до них?
3 подписчика
16 апр.
712 просмотров
2
ответа
JavaScript
Простой
Изменение таблицы в DOM?
1 подписчик
15 апр.
120 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Slick слайдер на одном пк работает, а на другом нет, почему?
1 подписчик
15 апр.
127 просмотров
1
ответ
JavaScript
+4 ещё
Средний
Как переопределить rem для Shadow DOM?
1 подписчик
14 апр.
118 просмотров
1
ответ
JavaScript
+1 ещё
Средний
Как отследить кнопку «назад» на телефонах?
2 подписчика
14 апр.
325 просмотров
2
ответа
JavaScript
+1 ещё
Простой
Как правильно отправить данные с помощью Fetch() в Wordpress?
1 подписчик
13 апр.
150 просмотров
1
ответ
JavaScript
Простой
Не пойму как скопировать?
1 подписчик
12 апр.
193 просмотра
2
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Middle javascript разработчик
Neat-Studio
от 100 000 до 120 000 ₽
Tech Lead/ Team Lead (JavaScript)
SteadyControl
•
Воронеж
До 200 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама