X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Как целиком изменить масштаб страницы при смене разрешения экрана?
zahar_92
zahar_92
Topic Starter сообщение 9.7.2015, 17:27; Ответить: zahar_92
Сообщение #1


Всем привет!

Люди добрые, есть дизайнерский сайт, заточен под разрешение 1583px в ширину. Под  мобилки и планшеты через viewport подогнать удалось.. Но проблема осталась с обычным браузером, т.к. он игнорирует масштабирование таким способом. Как можно глобально изменить масштаб всего сайта целиком в зависимости от разрешения экрана?
Резиновый дизайн не рассматривается.

Погуглив, наткнулся на такой скрипт 
 

<script type="text/javascript">
var elm = document.getElementById('all'); // all -- элемент, в который был обернут весь сайт
var coeff = document.body.clientWidth/elm.offsetWidth; // считаем коэффициент масштабирования так, чтобы элемент all занял весь экран
if (coeff>1) coeff=1; // нам нужно только уменьшение сайта, но не его увеличение, поэтому ограничиваем коэффициент сверху единицей
if (coeff<0.6) coeff=0.6; // ограничение снизу добавлено для того, чтобы сайт совсем уж не превращался в нечитаемый
if (coeff!=1.0) {
  if (navigator.userAgent.indexOf('Firefox')!=-1) elm.style.boxShadow='none';  // масштабирование в Firefox порождало некорректное отображение boxshadow, и пришлось это свойство отключить
  elm.style.webkitTransform =
  elm.style.msTransform =
  elm.style.mozTransform =
  elm.style.transform = 'scale('+coeff+')'; // собственно масштабирование
}
</script>

#all { -webkit-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 transform-origin: 0 0; }


Но по какой-то причине, не известной мне, в консоли выдает Uncaught TypeError: Cannot read property 'clientWidth' of null
Прошу помощи! В JS не силен..

Адрес сайта: http://restaurant-tabasco.ru/ Joomla 3.4
Сайт где нашел скрипт http://new.xpro.su/html-css/site-scaling


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Большие ставки для кликов в Я.Директ. Как удешевить?
2 rownong27 1119 26.3.2024, 14:13
автор: knezevolk
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
12 uahomka 2289 25.3.2024, 6:52
автор: Skyworker
Открытая тема (нет новых ответов) Как отозвать банковский платеж фрилансеру?
28 metvekot 3912 25.3.2024, 6:34
автор: Skyworker
Открытая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
23 freeax 3637 24.3.2024, 20:55
автор: Liudmila
Открытая тема (нет новых ответов) Через какой браузер и как можно найти в кэшэ браузера видео
10 Room 1929 23.3.2024, 7:41
автор: Room


 



RSS Текстовая версия Сейчас: 28.3.2024, 22:00
Дизайн