|
1 / 1 / 0
Регистрация: 12.10.2013
Сообщений: 22
|
|
Настройте область просмотра сайта для мобильных устройств10.04.2015, 11:44. Показов 3710. Ответов 7
Метки нет (Все метки)
Поставил в <head> мегатег <meta name=viewport content="width=device-width, initial-scale=1"> Получается вот такая хрень: В информации написано: "При разработке сайта для мобильных устройств с мета-тегом viewport вы можете случайно расположить содержание так, что оно не поместится в указанную область просмотра. Например, если изображение шире области просмотра, может возникнуть необходимость в горизонтальной прокрутке. Во избежание этого нужно изменить контент так, чтобы он помещался целиком. Как выравнить? С увжением.
0
|
|
(| 10.04.2015, 11:44 | |
|
Ответы с готовыми решениями:
7
Адаптация сайта для мобильных устройств
Тестирование сайта для мобильных устройств |
|
365 / 372 / 89
Регистрация: 01.12.2013
Сообщений: 1,629
|
||
| 10.04.2015, 17:27 | ||
1
|
||
Сообщение от genocen
|
1 / 1 / 0
Регистрация: 12.10.2013
Сообщений: 22
|
|
| 10.04.2015, 18:29 [ТС] | |
|
Спасибо добрый человек. У меня на сайте больше 3 тысяч страниц. Вот и подумай сколько уйдет время с твоими советами. А мегатег я вставил в тему сайта и хотел одаптировать сразу весь сайт. Можно конечно вставить авот такой " viewport", <meta name="viewport" content="width=1024"> да тоже гемарроя на месяц.
0
|
|
|
1 / 1 / 0
Регистрация: 12.10.2013
Сообщений: 22
|
|
| 11.04.2015, 21:51 [ТС] | |
|
Всем спасибо, оласть просмотра настроил.
Удачи!
0
|
|
 5755 / 4134 / 1508
Регистрация: 06.01.2011
Сообщений: 11,276
|
|||
| 12.04.2015, 08:43 | |||
А если для каждой страницы они у Вас свои - то такая предъява
0
|
|||
|
1 / 1 / 0
Регистрация: 12.10.2013
Сообщений: 22
|
|
| 12.04.2015, 10:03 [ТС] | |
|
В стилях я все настроил давно. Проблемы осталось 2, да я их и трогать не буду, уродовать сайт.
. Увеличить размер шрифта, а у меня и так 13рх 2 Увеличить размер ссылок., а у меня и так 13рх У меня выдает 70 из100% для мобильных устройств. У друх и того нет. Форум на котором мы сейчас дискуссируем выдает 58 из 100% для моб... Можете посмотреть:https://developers.google.com/... _mobilepsi На мобильнике мой сайт смотрится хорошо. Добавлено через 15 минут Вас не интересует, как я настроил область просмотра за 5 мин? А у кого пальцы толстые, пусть карандашом на ссылки нажимают. Так, что не ссылки не шрифт увеличивать не стану. Захотят сами на моб. увеличат.
0
|
|
|
5755 / 4134 / 1508
Регистрация: 06.01.2011
Сообщений: 11,276
|
|
| 12.04.2015, 10:19 | |
|
Ваш сайт seladon.ru, правильно?
Я глянул, как он отображается. Всё равно нужно будет увеличивать/приближать/zoom на смартфоне. Вот пример адаптивного дизайна (первый попавшийся): cjponyparts.com Как окно браузера не меняй, всё равно сайт "близко" и не надо приближать, чтобы что-то рассмотреть.
0
|
|
|
1 / 1 / 0
Регистрация: 12.10.2013
Сообщений: 22
|
|
| 12.04.2015, 10:43 [ТС] | |
|
seladon.ru, это один из сайтов, молодой еще не раскрученных, заниматься нет время.
cjponyparts.com посмотрел, для моб да хорошо, для комп. не очень. Да я бы всей этой херней и заниматься не стал, да Гугол претензии выставил всем, нужно настроить под моб. а то ранжирование понизит в поиске. Для меня пусть сайт будет страшней ......., льшь бы народ посещал. С уважением и Удачи!
1
|
|
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
| 12.04.2015, 10:43 | |
|
Помогаю со студенческими работами здесь
8
Окно загрузки сайта для мобильных устройств Странное поведение сайта с мобильных устройств (редирект) Версия для мобильных устройств Adsense для мобильных устройств Кроссворд для мобильных устройств Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |
|
Новые блоги и статьи
|
|||
|
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(), которая. . .
|
Наверх