Владимир55
11.10.2016 - 12:34
Вебмастер пишет, что сайт не оптимизирован под мобильные устройства, так что возникает необходимость создания мобильной версии.
Перечитал кучу статей, но ситуация не прояснилась и даже еще больше затуманилась - вероятно, некоторые попавшиеся мне статьи были написаны давно.
Сейчас склоняюсь к такой идеологии:
1. Поддомен не создавать, а выдавать на основном домене обычную или облегченную версии.
2. Из юзер-агента определять принадлежность к мобильным устройствам и такому посетителю выдавать мобильную версию.
Но тут возникает вопрос: существует ли список признаков мобильных устройств?
3. Мобильная версия имеет резиновый дизайн, а ее верстка ведется в одну колонку. Если в основной версии две или три колонки, то в мобильной эти колонки идут одна под другой.
4. При верстке мобильной версии исходим из того, что ширина экрана менее 1000 пикселей. При этом дизайн должен должен нормально воспроизводиться со шрифтом 12 рх при минимальной ширине экрана.
А какую ширину экрана считать минимальной?
Владимир55https://habrahabr.ru/company/yandex/blog/307064/
_____________
Промокод предоставляет скидку на заказ домена и/или хостинга reg.ru
BFCC-3895-8804-9ED2
Владимир55
11.10.2016 - 13:17
Очень интересная статья, спасибо!
Нюанс в том, что там не затрагивается моя проблема - мелкий шрифт. Поэтому мне, всё же, придется идти намеченным путем. И остаются два моих вопроса:
1. существует ли список признаков мобильных устройств, по которым их можно продетектировать в юзер-агент?
2. Под какую минимальную ширину экрана подстраиваться?
твоя проблема с мелким шрифтом решается этой строчкой
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
Владимир55
11.10.2016 - 13:26
Есть эта строчка.
Да и какой от нее может быть толк, если Яндекс требует шрифт 12рх, а при верстке в три колонки имеются слова, которые с таким шрифтом не помещающиеся по ширине?
Тут уж надо или уменьшать шрифт (а этого нельзя), или увеличивать ширину колонки.
попробуй изменить коэфициент скажем до 0.8
Владимир55
11.10.2016 - 13:33
А геометрический смысл в это закладывается какой?
inpost
11.10.2016 - 16:35
Ну не знаю что тебе посоветовать. Опять много статей читать?
Вот давай так. В своём курсе я потратил целых 2 урока на то, чтобы рассказать как пишут под мобильные устройства, рассказал практику и лучшие решения. Каждый урок был по 1 часу, я потратил на эту тему 2 часа. Теперь я вижу глобальный вопрос "как работать" на форуме. Думаешь можно тут описать всё это в 2-3 предложения?
Добавлю:
Цитата |
3. Мобильная версия имеет резиновый дизайн, а ее верстка ведется в одну колонку. Если в основной версии две или три колонки, то в мобильной эти колонки идут одна под другой. |
Адаптивная с этим справляется без проблем.
Цитата |
При этом дизайн должен должен нормально воспроизводиться со шрифтом 12 рх при минимальной ширине экрана. |
И это ты называешь "много читал"? Ты даже двух или трёх статей не читал тогда, так как абсолютно все говорят о нужном шрифте по iphone, и это не 12px
_____________
Обучаю веб-программированию качественно и не дорого:
http://school-php.comФрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).
Владимир55
Цитата |
Под какую минимальную ширину экрана подстраиваться? |
320
Цитата |
существует ли список признаков мобильных устройств, по которым их можно продетектировать в юзер-агент?
|
Есть библиотеки под php и js и другие языки, называются
mobile detecthttp://mobiledetect.net
_____________
Промокод предоставляет скидку на заказ домена и/или хостинга reg.ru
BFCC-3895-8804-9ED2
Владимир55
11.10.2016 - 18:59
Цитата (inpost @ 11.10.2016 - 12:35) |
так как абсолютно все говорят о нужном шрифте по iphone, и это не 12px |
Здесь я исходил из того, что мне пишет Яндекс Вебмастер. А пишет он вот что:
Цитата |
Много мелкого текста Рекомендуем использовать шрифты размером не менее 12 px. |
RootPM
11.10.2016 - 22:11
http://prozhector.ru/publications/vypusk-8...ilnuyu-vydachu/
_____________
Все будет офигенно. Кому-то сразу, кому-то постепенно.
qpurypaHT
11.10.2016 - 22:15
Последний раз пишу, запихни в параграф текст и посмотри результат
_____________
Если долго в одних стенах живешь, ты с ними сростаешься
sergeiss
11.10.2016 - 22:20
Цитата (Владимир55 @ 11.10.2016 - 12:34) |
А какую ширину экрана считать минимальной? |
1. Заходим в гугл, спрашиваем "разрешения экранов мобильных устройств статистика"
2. Одна из первых ссылок
http://myresolutionis.ru/page/resstat.php 3. Смотрим еще другие ссылки.
4. Думаем, делаем выводы
5. Профит.
_____________
*
Хэлп по PHP*
Описалово по JavaScript *
Хэлп и СУБД для PostgreSQL*
Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги. *
"накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)
inpost
11.10.2016 - 23:09
А зачем гуглить? В Хроме открыть и посмотреть, что он предлагает среди мобилок. Хотя да, это же ещё изучать надо среду, с которой мы работаем
_____________
Обучаю веб-программированию качественно и не дорого:
http://school-php.comФрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).
Быстрый ответ:
Powered by dgreen
Здесь расположена полная версия этой страницы.