Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
 
bigsun
0 / 11 / 4
Регистрация: 12.07.2015
Сообщений: 92
#1

Масштабирование в зависимости от ширины экрана - jQuery

27.08.2015, 09:35. Просмотров 842. Ответов 2
Метки нет (Все метки)

Есть фиксированный, неадаптивный макет: мой проект. (рекламных целей не преследую!). На экранах высотой где-то 768px, становится не видно фиксированных блоков - правой и левой колонок.

Задача:
1) вычислить, средствами jQuery, ширину (или высоту ?) экрана.
2) если высота экрана оказалась менее некоей минимальной высоты 1024px (тут все Ок), то вычислить на сколько процентов она меньше, получить некий коэффициент.
3) применить к главному контейнеру сайта (div-блок) следующий css, и подставить вычисленный коэффициент в стиль:
CSS
1
transform: scale (0.9, 0,9);
где 0.9 - предполагаемый вычисленный коэффициент. (х, y) - масштабируем пропорционально.
в норм состоянии:
CSS
1
transform: scale (1.0, 1,0);
Что нужно:
1) Реализовать алгоритм масштабирования на jQuery (если не трудно, напишите код пож, но с начальным "обертыванием" кода - я новичок). Алгоритм должен выполняться еще до загрузки сайта и делать это быстро.
2) Есть ли другие способы (кроме scale из css3) решить задачу (см выше) ? Имеется ввиду сам "исполнитель".

Нужно ли, чтобы алгоритм работал на планшетах ? Или отзуммируют сами ?
Для мобильных - будет другой сайт, но на планшетах - хотелось бы этот.
Задача поддерживать старые браузеры - не стоит.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
27.08.2015, 09:35
Я подобрал для вас темы с готовыми решениями и ответами на вопрос Масштабирование в зависимости от ширины экрана (jQuery):

Установка фона в зависимости от ширины экрана
Подскажите, что не так? Хочу установить фон в зависимости от ширины экрана:...

Добавление и удаление скрипта в зависимости от ширины экрана
Добрый день. Такой вопрос, примеру, что бы добавить скрипт при определенной...

Отслеживание ширины экрана браузера
Как отслеживать ширину окна браузера "в режиме реального времени", или через...

Вычисление параметра в зависимости от ширины экрана
Добрый всем день, необходим небольшой скрипт. Так как разбираюсь в js очень...

Изменение параметра скрипта в зависимости от ширины экрана
Всем добрый день! Прошу прощения за крайне глупый вопрос, но я совсем в этом не...

Масштабирование экрана
Люди, направьте пожалуйста, как сделать так, чтобы масштабирование было...

2
BANO
Ренегат
Эксперт HTML/CSS
1716 / 1059 / 385
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
28.08.2015, 02:17 #2
bigsun, размер экрана можно узнать нативными методами с помощью объекта screen
rj'dbwtyn примерно такой:
coef= width<MYWIDTH? width/MYWIDTH:1;
но тут подвох, а если юзер будет открывать сайт не на весь экран, а только на половину, например для сравнения долбанных цен
тут-то и вылезает проблема
тогда будем брать не по размеру экрана, а по размеру внутреннего фрэйма браузера(контента), а это делается через innerWidth и innerHeight

короче примерный алгоритм я вам дал, не вижу смысла использовать тут jquery, но ладно, ра проэкт изначально на ней, то уже ничего не изменить

Добавлено через 1 минуту

Не по теме:

кстати если делать экстримально маленькую ширину окна, то видна только левая колонка, которая оказывается перекрытием контента, причём всего

0
bigsun
0 / 11 / 4
Регистрация: 12.07.2015
Сообщений: 92
28.08.2015, 08:16  [ТС] #3
BANO, оч интересно написано. Не могли бы вы код приложить ? Я новичок в скриптах и из написанного я скрипт не составлю, хотя понимаю общий смысл
Высота внутреннего фрейма - величина плавающая. Футер прижат к фрейму и плавает вместе с ним. Но у фрейма есть мин высота, чтобы футер никогда не налезал на контент боковых колонок.
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
28.08.2015, 08:16
Привет! Вот еще темы с решениями:

Изменение ширины блока 50% или 100% от зависимости количества картинок
Доброго, уважаемые форумчане! Помогите решить проблему, что-то туплю... ...

Подсчёт количества бортиков для грядок в зависимости от длины и ширины
Привет всем! Вот такая задачка. Есть бортики для грядок. 2 метра, 1 метр, 0,7...

Изменение масштаба яндекс карты при изменении ширины экрана
Как сделать изменение масштаба яндекс карты при изменении ширины экрана? ...

Масштабирование сайта пропорционально окну (размеру экрана)
Добрый день. Подскажите, пожалуйста, как сделать чтоб при изменении окна...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru