Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Пётр
@volkov_p_v
FrontEnd разработчик
JavaScript
Как пропрорционально уменьшить прямоугольник?
У меня есть блок 1345X973px
Мне нужно его пропроцианально уменьшать при помощи js в зависимости он ширины браузера.
Как это сделать?
Вопрос задан
более трёх лет назад
225 просмотров
Комментировать
Подписаться
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
+2 ещё
Простой
Нужна помощь с i18n + переключателем языка на нативном JS и HTML?
1 подписчик
11 часов назад
94 просмотра
0
ответов
JavaScript
+1 ещё
Средний
Почему не приходит письмо на почту с WordPress?
1 подписчик
23 июн.
106 просмотров
0
ответов
JavaScript
Простой
Как правильнее переписать id's в формах?
1 подписчик
23 июн.
104 просмотра
1
ответ
JavaScript
Простой
Как можно сократить этот код?
1 подписчик
21 июн.
3293 просмотра
2
ответа
JavaScript
Простой
Как работать с минифицированным JS?
1 подписчик
20 июн.
1409 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как использовать js плагин mysql в сборке gulp?
1 подписчик
20 июн.
130 просмотров
1
ответ
JavaScript
+1 ещё
Средний
Как в своих тестовых утилитах для playwright корректно показывать строку с ошибкой?
1 подписчик
17 июн.
81 просмотр
1
ответ
JavaScript
+2 ещё
Простой
Как изменить формат url для видео на vimeo?
1 подписчик
14 июн.
121 просмотр
1
ответ
JavaScript
+2 ещё
Простой
Как добавить AutoPlay для видео в модальном окне?
1 подписчик
12 июн.
138 просмотров
1
ответ
JavaScript
Средний
Действительно ли скрипт на этом сайте не работает?
1 подписчик
12 июн.
171 просмотр
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Уверенный программист JavaScript
novaArt
от 100 000 до 180 000 ₽
Старший Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36
•
Воронеж
от 100 000 до 150 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама