Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Пётр
@volkov_p_v
FrontEnd разработчик
JavaScript
Как пропрорционально уменьшить прямоугольник?
У меня есть блок 1345X973px
Мне нужно его пропроцианально уменьшать при помощи js в зависимости он ширины браузера.
Как это сделать?
Вопрос задан
более трёх лет назад
213 просмотров
Комментировать
Подписаться
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 ещё
Средний
Анимация JS, CSS. Как сделать эффект фонарика?
1 подписчик
2 часа назад
14 просмотров
0
ответов
JavaScript
Средний
Gsap scroll trigge как сделать рабочим скроллинг внутри окна?
1 подписчик
4 часа назад
10 просмотров
0
ответов
JavaScript
+1 ещё
Простой
Есть ли аналоги kladr api с возможностью запросов через JS?
1 подписчик
21 час назад
65 просмотров
1
ответ
JavaScript
+3 ещё
Простой
Почему node.js runtime есть столько памяти?
3 подписчика
вчера
239 просмотров
0
ответов
JavaScript
+1 ещё
Простой
Как с помощью js центрировать rect внутри svg?
1 подписчик
20 мар.
82 просмотра
0
ответов
JavaScript
Сложный
Почему именно такой порядок вывода в консоль?
4 подписчика
19 мар.
1588 просмотров
3
ответа
JavaScript
Средний
Какой порядок в event loop?
2 подписчика
18 мар.
491 просмотр
1
ответ
JavaScript
Простой
Как из строки даты и времени одного часового пояса получить дату в другом часовом поясе с учетом летнего/зимнего времени и прочего?
1 подписчик
17 мар.
151 просмотр
2
ответа
JavaScript
Простой
Теги HTML в JS массив как?
1 подписчик
17 мар.
582 просмотра
2
ответа
JavaScript
Средний
Как в SPA записать состояние в historyAPI при этом не отменить ветку при шаге назад?
2 подписчика
16 мар.
81 просмотр
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Бэкэнд-разработчик JavaScript
Wanted.
•
Москва
от 250 000 до 400 000 ₽
JavaScript FullStack разработчик
Rocket
•
Смоленск
от 120 000 ₽
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 420 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама