Можно ли в мобильном формате с правой стороны хотя бы один пробел оставить. Буквы наползают на край экрана справа и читается с трудом.в
На скриншоте кажется, что есть справа отступ в 1 букву, на самом деле нет.
И вот под картинкой подпись ( там цитата) что написано? Вообще не разобрать. Большая просьба - проверять все изменения не только в ноутбуке, но и в мобильном виде.
Комментарии
И ТБМ, в первом абзаце написано "с трудом. в"
Так вот, я не могу при редактировании убрать эту "в". У меня просто экран туда не "ползёт", вправо. Без-по-лез-но
Такое нередко случается
Ну если только в этом смысле
Atorn-у ссылку дайте в личку, иначе может не заметить.
Настройки в мобильном по умолчанию, не увеличивали шрифты?
Нет, ничего не меняла. Ещё один топик написала, читать не могу. А редактировать этот очень тяжело
Не могу и Аторну вашему написать. Пишет, нет такого пользователя Atorn
В комментах тут его найдёте, там и лучше проблемы обсуждать - https://aftershock.news/?q=node/917483
Я ему в личку написала.
Я сюда пришла сейчас новости читать, а не о дизайне сайта по душам поговорить.
Здравствуйте!
Спасибо, что отправили в личку, иначе бы не заметил.
---Видимо, у вас часть экрана механически скрыта или под чехлом, или прямо в конструкции.
Но, как Вы думаете, стоит ли для всех делать пробелы с краёв, чтобы телефоны с конструктивно смещёнными под стеклом матрицами тоже могли работать?
Отладка для мобильных телефонов выполняется. Но прошу учесть, что она достаточно сложна просто тем, что у меня, как и у любого разработчика, нет 30-50 телефонов разных моделей. Пользуются 3-5 максимум. А надо реально иметь моделей 15 разных годов и производителей - Андроиды, Айфоны, WinMobile, BlackBerry и даже Smart TV к ним можно отнести (экран большой, но управление специфическое).
Для примера: У вас - так смотрится надпись в тизере, а для Galaxy S9 (360 пикс ширина) - так:
У меня есть 3 новых модели Андроидов. У Кукурузо что-то есть, но именно эту неделю он мало участвует - у каждого есть своя работа и свои дела.
Поэтому сейчас от Вас узнал, что есть некачественно вклеенные в телефон матрицы, и их тоже надо учитывать. А до сих пор учитывали каждый пиксель мобильного экрана, чтобы у пользователей было больше места на текст.
Значит, вижу, что надо иметь настройку, делающую больше отступов от краёв, в том числе, и в мобильных.
Когда сделаю? По теории, за часов 6 весь цикл от написания до выкладки может пройти (задумка о настройке "с воздухом" между колонками и с краёв - была). На практике - может растянуться с выкладкой этой версии.
Что делать прямо сейчас? Попробуйте то, что необходимо видеть или нажать у правого края, сделать это в горизонтальном положении экрана. Тогда правый край окна будет нижним краем телефона и что-то может улучшиться.
Вообще-то у меня Хуавей про.
В горизонтальном положении экрана я ничего смотреть не собираюсь. Может, ещё на голову встать? Оставляйте тем, кому вы не можете сделать нормально, - старую версию. Я не собираюсь стоять на голове, чтобы читать АШ
Аналогичная проблема на планшетке хуавей т3. Может проблема в хуавее? Они недавно system webview обновили.
Вон там ниже куча народу то же самое написала. У них точно не хуавей
В настройках (по нажатию зубчатки справа вверху), тоже внизу блока, есть переход на старую версию. По ссылке под названием "Прежняя версия сайта".
> В горизонтальном положении экрана я ничего смотреть не собираюсь.
---Вот в этом и проблема. Обойти сейчас вопрос с нечитаемостью правого края (там явный технологический дефект, независимо от версии телефона) можно, попробовав так, просто повернув телефон, если не отключена настройка в Андроиде автоматически переходить в ландшафтный режим.
Да-да-да.
Это прямо сейчас. Причем только в Блогах.
На Пульсе и в самих записях все ок.
Телефон с обычным плоским экраном.
Да, это проблема известная, в обсуждении много приводили. У меня не воспроизводится, пока не могу найти решение. По теории могу пояснить, что происходит, но Вам от этого легче не будет. Что технологии новые, устанавливаются последние года 4 на телефонах эвристические методы подбора масштаба. Частично на каких-то вёрстках не срабатывают, что мы и видим сейчас. Долго подбирается вёрстка сайта, чтобы более-менее нормально работало на большинстве телефонов. Именно для этого был анонс за неделю до релиза, а в релизе оставлен переход к 2 предыдущим версиям сайта. За скриншоты спасибо, мы над имеющимися проблемами работаем.
Для быстрого решения я в Настройках ставил режим "Зум" - 90%, 80 и 70. Попробуйте уменьшить масштаб этой настройкой. Или более надёжный вариант, но кривоватый по вёрстке - перейти в режим браузера "Версия для ПК". Эвристики отключаются. Станет всё очень мелко, по пикселям экрана. Затем подбираете увеличивающий зум (в настройках сайта ,до 280%).
Да в теории я им сам плюс-минус понимаю в чем дело. Но почему на одном и том же устройстве то так, то так, понять уже не могу.
P.S. А сейчас вдруг все снова нормально заработало )
Эвристический алгоритм подбора зума (CSS zoom в основе). Не исключено, что и контент учитывается. При этом нет стандарта. Точнее, стандарт есть, если в метатеге <meta name="viewport"> поставишь конкретную ширину и зум или его отсутствие. По этому пути ещё не шли на этом сайте ни я, ни Кукурузо. Относительно честная реализация мобильной вёрстки - на m.aftershock.news, но там функции ограниченные. Здесь же мы хотим иметь все функции, как на сайте, при этом не переверстывать всё под мобильную ширину. В большой части Андроидов (ещё от браузера зависит) это удаётся. А "не во всех" - в этом проблема. А достаточно общий <meta name="viewport" ... > позволяет не иметь проблем с iPhone разных версий.
Даже если начать верстать по-мобильному, как делали на m.aftershock.news - не факт, что на всех будет работать.
Да здесь 50% пользователей с мобильных устройств читают.
Научился создавать эту ошибку. Если мой телефон с достаточно мощным процессором не крутить во время загрузки страницы, она загружается нормально практически всегда. Ошибки определения ширины мне удавалось ловить на всех типах страниц - Блоги, Пульс, статья (браузер "Браузер 12.5.2" от Xiaomi) - только, когда начиналась загрузка в горизонтальном положении, а потом быстро, в первой половине, переводилась в вертикальное. И если так загрузится, то далее считает, что ширина определилась правильно - не даёт жестами уменьшить масштаб. В частности, удавалось делать, как у ТС Anisiya - заезжание за край на 1 символ, но не регулярно.
Влиять может занятость браузера во время построения страницы чем-то другим - отрисовкой рекламы или ленты. Главное - чтобы ширина при загрузке динамически менялась, тогда баг обеспечен. Редактор - скорее, не мешает. Очень часто в страницах без рекламы на отладочной версии сайта всё грузится, как надо, как ни крути телефон.
Возможно, удастся скриптом обнаруживать несоответствие ширины окна и ширины страницы документа. Тогда есть шанс изменить масштаб зумом. Читабельно будет, но будет некоторая проблема, что масштаб - то меньше, то больше.
На m.afrefshock , который все хвалят за качество - метатег ровно тот же. Но нет боковых фреймов и рекламы внизу. И грузится страница значительно быстрее, раза в 3. Я не успеваю создать задержку, как она уже корректно отображается.
Путем хитроверчения смарта тоже удалось воспроизвести. Глюк как раз появлялся во время перекуров. Кнопка "блоги" - сигарета ко рту - рука со смартом опускается - затяжка - рука со смартом поднимается - вуаля, глюк! )))
И появляется он только при подключении через мобильный интернет. Насчет решения с помощью зума не соглашусь. Все равно нечитаемо почти будет. Лучше, имхо, корректно перезагрузить страницу.
Тут - будет вопрос выбора. Зум если потребуется небольшой, то, вероятно, попробую зум. А большого зума в этих глюках не бывает - всегда около 120-125%. Эмулировал этот зум через метатег. Если ставишь minimum-scale=0.86, то весь масштаб становится мельче. При 1 - у него виртуальные 360 пикс, к которым все привыкли, в 0.86 - 420.
Дня через 2-3 планирую написать и отладить восстанавливалку от этого бага. Без неё - будущего у нового мобильного дизайна нет, а старый - не имеет сайдбаров и публикации (редактора). Приобрести новое и не потерять старое можно только при выправлении этого бага, а остальное - дизайн и юзабилити - наживное, месяца за 2-3 будет сделано постепенно.
Всё это время старый мобильный дизайн, скорее всего, судя по отношению Алекса к проблеме новых дизайнов - будет существовать. Только когда деградации в новом не будет - старый автоматически перестанет быть востребованным.
В мобильном интернете еще и личку справа обрезает, поправьте.
А вот матрица у вас не той системы. Поэтому под вас никто подстраиваться не будет. Становитесь на голову и так читайте, как следует из комментария ниже.
Залазит иногда текст за правый край. Закономерности не уловил, планшет + хром.
Вам объяснили закономерность : планшет у вас не той системы, что у разработчика. А значит будете читать вверх ногами, или горизонтально. Под нас, у кого не такой системы девайсы, никто подстраиваться не будет.
atorn тут играется в уэб-разработчика, а Алекс ему потакает.
Если по-простому сказать - херню какую-то слепили с дизайном, глаза вытекают. Надеюсь, что опомнятся.
Я вернулся на старый дизайн. Не по мне эти пестрящие значки-кружки. Надеюсь, что старый дизайн не уничтожат полностью.
Проблемы с новым дизайном как и у всех на андроиде.
Сейчас что сделать? Вбить в адресной строке адрес сайта через букву m.... m.aftershok.news
У меня подпись к картинке, про которую пишете, она заскролилась: если на неё тыкнуть, то можно прокрутить в сторону и прочитать всю.
Это про цитату Свифта в качестве подписи к картинке про Панику в статье https://m.aftershock.news/?q=node/918613
А вот на этой статье про мэра Харьковаhttps://m.aftershock.news/?q=node/919120 вся статья расползлась, уехала вправо. Она не форматируется нормально. И причем невозможно прокрутить страницу в сторону, чтобы прочитать статью. Просто обрезается и всё.
Браузер Хром. Телефон Самсунг. Скрин не сделать, так как это запрещено настройками сайта
Точно такие же эффекты с обрезанием текста стали появляться не так давно, правда изредка. Причём на старой версии, это которая через m с точкой, если я правильно понимаю
Новая мне не понравилась, потому что просто непривычно. И там первое время статьи расползались вправо. И я не стал ею пользоваться
Мне кажется, что-то не так с версткой самих статей, где наблюдается описанный эффект. Возможно, авторы статей используют какие-либо элементы оформления, работа которых потом сбивается.
Да, спасибо, в данном случае - действительно, было длинное слово из пробелов в тизере. Чтобы таких эффектов не было, прописал тизерам заворачивание слов.
А с новой версией АШ победим баги рано или поздно. Дело в том, что я в Хроме и Опере и встроенном браузере не могу воспроизвести (MIUI 10, 11, десктопные эмуляторы), всё везде без залезания за край. При таких условиях не могу экспериментировать с метатегами и отладкой мобильной раскладки сайта - не видно эффекта, который надо устранять.
У меня норм на всех устройствах.
Пользуюсь старой версией.
Исправил оба бага, описанных Anisya в топике - на скриншоте и на её устройстве.
Выложил на обновление, как Алекс утром придёт - обновит.
В первом баге (на скриншоте) в тизер поставили текст с множеством , а потом удивляются, почему он залезает за край ). Это может вообще в любом месте произойти, поэтому позже такую практику исправлений распространю везде.
Второй баг связан с недостатком её устройства - скрыта правая граница под краем на 1 символ. Но для нас тоже полезно иметь противоядие, и при этом - не делать, чтобы страдали обычные пользователи с хорошими экранами.
Ввёл настройку "Воздушность", с 4 градациями.
По умолчанию - с воздушностью ничего не меняется. Если будет такой телефон, как у Анисьи - для него есть 2 градации повышения "воздушности". Примерно на 1 пробел отводит границу текста от обеих краёв, и затем ещё на один. На десктопах воздушности тоже проявляют себя - меньше или больше делают зазоры между колонками и отступы от краёв.
Названные настройки с утра сегодня введены. Отступы работают.
Сильно подозреваю (иногда наблюдал у себя в тестах), что закрывание 1 пробела справа, как у Anisya - это не неправильная вклейка экрана, а баг такой же природы, как обсуждал здесь в теме XS. Бывает сильное задвигание за край, бывает несильное. Зависит от обстоятельств загрузки (кручение экрана, скорость связи, наличие разной рекламы) или от конкретной модели телефона (особенно, его быстродействие) и используемого браузера.
Тем не менее, установка настройки "Воздушность" может чем-то помочь, а то и будет кому-то комфортна.
Кроме того, сейчас на сайт добавили тег (HTML), который должен помочь выправлять баги задвигания на правый край. Пока при тестировании багов не удалось воспроизвести у себя (а вчера было можно, как писал), но это может быть связано не с тегом, а с более быстрым интернетом сегодня из-за меньшей загруженности сайта. Будем продолжать проверять.
Примерно 9 ноября исправлен баг с мобильными, "заезжание за правый край", который показан на скриншоте XS от 20:32 / 5 ноя в этой теме выше.
Наблюдение показало, что он не проявляется.
Похожий баг с "заезжанием", но другой природы (от рекламы внизу комментариев) наблюдалось 13.11.2020 на любом клиентском браузере и устройстве. Он также исправлен.
Не исключены другие причины в будущем. Их характерной особенностью будет - наблюдаемость на любом устройстве, а не как здесь было, периодическое появление при сложных условиях формирования страницы.
В личке идёт обрезание справа
Не так давно (около 19 ноября) убрал другую причину обрезания справа - длинные слова или ссылки по всем возможным полям - статьи, комменты и личка. Возможно, что и тот участок в личке у вас исправился.