Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.77/13: Рейтинг темы: голосов - 13, средняя оценка - 4.77
 Аватар для Cdelphi78
140 / 74 / 18
Регистрация: 21.02.2014
Сообщений: 3,444

Как на мобильниках установить конкретный масштаб страницы

12.07.2016, 10:58. Показов 2602. Ответов 8
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Как на мобильниках установить конкретный масштаб страницы? У же вроде не первый раз задаю это вопрос, viewport не помогает. Сайт не влезает в экран приходится принудительно вручную уменьшать маштаб.

Добавлено через 18 часов 55 минут
Вроде initial scale 0.5 сработал, но почему наблюдаются небольшие искажения элементов, может из этого. как правильно то отмасштабировать страницу?

Добавлено через 1 час 11 минут
есть кто нибуть чтоб обьяснил как отмасштабировать я потому что никак не пойму как это сделать ни когда такой ерунды не нужно было

Добавлено через 29 секунд
кину на телефон че нибуть
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
12.07.2016, 10:58
Ответы с готовыми решениями:

Как уменшить масштаб автоматически на мобильниках
У меня сайт на мобильных открывается вот так: а надо так: Пока нет возможности сделать адаптивный дизайн(( ...

Как установить масштаб для фона?
Помогите кому не сложно: написал так: <body background="12.jpg"> картинку автоматом копирует рядом width не помогает size-тоже как...

Как программно установить конкретный переключатель группы RadioGroup
Как программно установить конкретный переключатель группы RadioGroup в состояние выбора в Builder

8
333 / 309 / 168
Регистрация: 02.06.2014
Сообщений: 1,130
12.07.2016, 11:04
Посмотрите в сторону бутстрапа, он мобильно ориентирован и у него нету никаких проблем с масштабированием, а использует он мета тег с вьюпортом. Скопируйте от туда, и не нужно ничего скейлить, так как искажения это малое из возможных проблем...
0
 Аватар для Cdelphi78
140 / 74 / 18
Регистрация: 21.02.2014
Сообщений: 3,444
12.07.2016, 11:21  [ТС]
aj17, причем тут бутстрап, у меня страница не влезает в экран? Как это решается я видел вроде на многих сайтах она просто масштабируется под размер и все нормально. То есть начальный масштаб нужно сразу установить для мобильников 10% например, initial scale 0.1 помогает но не совсем.
естественно вьюпорт прописан.
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
12.07.2016, 11:29
Цитата Сообщение от Cdelphi78 Посмотреть сообщение
aj17, причем тут бутстрап, у меня страница не влезает в экран?
Для того, чтобы страница была адаптивной и умещалась в экран мобильного без вьюпорта... Покажите код вьюпорта, который Вы указываете...
0
 Аватар для Cdelphi78
140 / 74 / 18
Регистрация: 21.02.2014
Сообщений: 3,444
12.07.2016, 11:31  [ТС]
HTML5
1
<meta name="viewport" content="width=device-width, initial-scale=0.1">
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
12.07.2016, 11:41
Цитата Сообщение от Cdelphi78 Посмотреть сообщение
<meta name="viewport" content="width=device-width, initial-scale=0.1">
А в лоб не пробовали задавать ширину макета внутри вьюпорта? Типа так:
HTML5
1
<meta name="viewport" content="width=980">
к примеру...
0
 Аватар для Cdelphi78
140 / 74 / 18
Регистрация: 21.02.2014
Сообщений: 3,444
12.07.2016, 12:24  [ТС]
не знаю в мобильном яндекс файрфокс вроде работает, а в дефолтном хроме нет. поставил 200
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
12.07.2016, 12:40
Цитата Сообщение от Cdelphi78 Посмотреть сообщение
не знаю в мобильном яндекс файрфокс вроде работает, а в дефолтном хроме нет. поставил 200
Если Вы говорите про эмуляторы, я бы им верить не стал... Моб. версию лучше всего проверять исключительно на гаджете, как показывает практика...
0
 Аватар для Cdelphi78
140 / 74 / 18
Регистрация: 21.02.2014
Сообщений: 3,444
12.07.2016, 13:12  [ТС]
Fedor92, да нет, смотрю на своем зверьке)
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
12.07.2016, 13:12
Помогаю со студенческими работами здесь

Как увеличить масштаб страницы в Matlab?
Как увеличить масштаб страницы в Matlab? Вот установил матлаб, разрешение экрана больше, текст очень маленький и его не прочитать. Чет я...

Есть функция масштабирования осей, чтобы можно было задать конкретный числовой масштаб вдоль одной оси?
Есть ли в матлабе функция масштабирования осей, чтобы можно было задать конкретный числовой масштаб вдоль одной из осей? Смотрел axis но не...

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

Зафиксировать масштаб страницы или как пересчитывать автоматически в css относительно масштаба
Здравствуйте! Появилась огромная проблема. Сайт полностью написан на html5, код полностью чист и без ошибок, но при масштабировании сайта...

Масштаб страницы
Доброй ночи! Закончил работу над сайтом. Но есть некая трудноть. Размер станицы 1366*768 и при загрузке ее можно просметреть только с...


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

Или воспользуйтесь поиском по форуму:
9
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru