Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Пётр
@volkov_p_v
FrontEnd разработчик
JavaScript
Как пропрорционально уменьшить прямоугольник?
У меня есть блок 1345X973px
Мне нужно его пропроцианально уменьшать при помощи js в зависимости он ширины браузера.
Как это сделать?
Вопрос задан
более трёх лет назад
222 просмотра
Комментировать
Подписаться
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 ещё
Средний
Как вычислить размер шрифта для блока div с заданным размером?
2 подписчика
вчера
111 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Какой аналог метода .includes("текст") для полного соответствия?
1 подписчик
30 мая
552 просмотра
1
ответ
JavaScript
+3 ещё
Средний
Как сделать расширенную область при наведении курсора?
3 подписчика
30 мая
1285 просмотров
0
ответов
JavaScript
Простой
Почему селект2 мулти добавляет пустое значение?
1 подписчик
29 мая
42 просмотра
0
ответов
JavaScript
+2 ещё
Простой
Как сделать анимацию прорисовки линии в fabric 6?
1 подписчик
25 мая
77 просмотров
0
ответов
JavaScript
Простой
Как заставить скрипт tampermonkey работать?
2 подписчика
23 мая
239 просмотров
2
ответа
JavaScript
+1 ещё
Простой
Как сделать анимацию с отражением на canvas JavaScript?
1 подписчик
23 мая
91 просмотр
1
ответ
JavaScript
Простой
Как добавить класс элементу в кастомном шаблоне Dropzone?
1 подписчик
23 мая
44 просмотра
0
ответов
JavaScript
+2 ещё
Средний
Как улучшить accesibility slick-slider сохранив функциональность?
2 подписчика
21 мая
103 просмотра
0
ответов
JavaScript
Простой
Как сделать клик по родителю iframe со сторонним доменом?
2 подписчика
20 мая
294 просмотра
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Fullstack JavaScript разработчик
MakeDifference
от 30 000 до 80 000 ₽
Fullstack JavaScript разработчик
Wanted.
от 180 000 до 240 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама