Адаптация сайта под любые разрешения.
Страницы: 1
Адаптация сайта под любые разрешения.
Привет всем. Как сделать, чтобы сайт зумировался под любое разрешение меньше 1000px, т.е. когда разрешения меньше ширины сайта. Адаптивная или резиновая верстка не подойдет, т.к. нету времени. На планшете сайт при разрешении 768px выглядит нормально, а когда планшет переворачиваешь вертикально, то правая сторона сайта уезжает за экран планшета.
сайт auto-gazel.ru
надо, чтобы было как здесь - taxed.ru

такие фишки 

Код
@-ms-viewport {  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
} 

Код
 <meta name="viewport" content="width=device-width"/>


не помогают (кроме google chrome)
Спасибо.
Могу сделать, пишите в ЛС или на почту скайп
Не могу посмотреть Ваши контакты и словить Вас онлайн.
Сделал такую вещь:
<meta name="viewport" content="width=1000" />
<meta name="MobileOptimized" content="width=1000" />

Работает норм, кроме Opera mini и safari. Для них нашел скрипт:

[QUOTE]<script>
var viewportmeta = document.querySelector && document.querySelector('meta[name="viewport"]'),
    ua = navigator.userAgent,

    gestureStart = function () {
        viewportmeta.content = "width=device-width, minimum-scale=0.25, maximum-scale=1.6";
    },

    scaleFix = function () {
      if (viewportmeta && /iPhone|iPad/.test(ua) && !/Opera Mini/.test(ua)) {
        viewportmeta.content = "width=device-width, minimum-scale=1.0, maximum-scale=1.0";
        document.addEventListener("gesturestart", gestureStart, false);
      }
    };
    

scaleFix()
</script>[/QUOTE]

Но он не пашет.
Как сделать, чтобы сайт нормально отображался на Opera mini, т.к. на ней тестить будут. Спасибо.
Структура сайта "auto-gazel.ru " вообще не подходит для адаптивного дизайна.smile:eek:
Что там не так?Просто с самого начала сайт делался фиксированного размера. Потом у заказчика клин - "хочу и все"
Были и у меня такие случаи, сейчас в подобных ситуациях я просто отказываюсь работать, если у заказчика вдруг появилось "хочу и все". Лучше любые работы перед их началом утверждать в виде подробного ТЗ, чтоб если шаг влево - тыкать носом и говорить что об этом речь не шла, а то сядут на шею.

А вообще по хорошему нужно делать нормальный адаптивный дизайн, чтоб сайт адаптировался под любое расширение. И адаптивный дизайн в свою очередь делается после того, как у сайта продумана структура по каждому из диапазонов разрешения. А в данном случае что не делай, где-то (на каком-то гаджете, браузере и т.д.) будут вылезать бока.

В данной ситуации мне кажется проще объяснить заказчику, что в рамках оговоренных ранее работ сделать из этого сайта адаптивный является невозможным при тех же ресурсах, что выделялись на создание сайта фиксированной ширины.
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
19:37 Xrumer-полезный софт или нет? 
17:26 AI под надзором. Минцифры готовят клеймо для контента 
17:23 APK на паузе. Google убивает быстрый конверт 
17:18 Яндекс-ап 20 марта и похороны ChatGPT, Claude и Gemini. Считаем убытки 
15:02 Слипание слов в блоке 
10:39 MAX попер в бурж: 40 стран, ведение каналов и горы дешевого трафика 
22:32 Gambling Craft - гемблинг по белому 
17:24 Обменный Сервис - Купец (Kupec.cc) 
15:52 Продам аккаунты Gmail USA IP | Gmail MIX IP | Outlook Old 
14:06 Продвижение YouTube видео в топ поиска | Любой тип контента | Гарантия результата 
14:06 №1 Рассылка / Инвайтинг [TELEGRAM] | Приватный метод 
14:06 Trustpilot Reviews | Подниму рейтинг вашей компании 
14:06 Установка|Настройка|Доработка|Наполнение сайтов|Дизайн|3D|Видеомонтаж 
13:24 Мобильные и Резидентные Прокси Для Соц Сетей | 3 Гб Бесплатно 
21:22 молодильные яблоки и живая вода 
20:05 8 марта: желаю аптайма 99.9% и e-e-a-t без локов 
19:26 Сайты Рунета 
08:52 Чак Норрис ушел - 19 марта 2026, 86 лет, семья подтвердила 
20:23 Панель Кнопки соцсетей 
20:09 Точные прогнозы на футбол 
14:03 Огородники