Олды, слушайте, а как давно на вашей памяти появились сайты адаптивные в плане между десктопом и мобилой выглядящик нормально?

и раньше был мем по юзерагенту выдача разных страниц или отдельно сайты писались под такие нужды?
речь о периоде 2000-2010г

@marifox адаптивщина где-то на рубеже нулевых и десятых пошла. 2009 - 2011.
Выдача разного HTML по юзерагенту это не мем, а суровая правда жизни тех времён

@marifox а большая ли разница между выдачей разных страниц по юзерагенту и разными ветками в css?
Из мобильных лейаутов более-менее нормально работает мастодон (до версии 4.2 по крайней мере, начиная с 4.2 оно всё ломается и тормозит), но вообще отдельные версии страниц куда лучше - так ты хотя бы, если фронтенд обосрался, можешь зафорсить мобильную или десктопную версию сайта.
Где-то в 2018 активно стали переносить мобильную версию в css. Как результат - на старых особенно мобилках она прсото перестала работать, на новых же иногда открывается со скрипом, садя батарейку, иногда не открывается вообще. И сильно ли нужны такие сайты? Вообще я за рендеринг содержимого в html на сервере по возможности. Рендеря максимум на сервере ты маексимально исключаешь ошибки, можно даже сохранять результат рендеринга куда-то чтобы првоерять, что могло пойти не так. На клиенте - ты даже не узнаешь, что пользователь посмотрел на крутящуюся анимацию минуту и закрыл вкладку, потому что скрипт вывалился в исключение

@mittorn ну... у меня просто статичный мой сайт, но если на десктопе он +-, то с телефона очень странно или мелко отображается. вот думаю мутить какие то хитрые выдачи по юзерагенту или че то универсально простое делать, так сказать больше функциональности чем свистоперделок внешне хоть и не тяжелых особо

@marifox иногда достаточно указать meta-тегом, что сайт подходит для мобильных устройств. Есть тег, который указывает ширину страницы, чтобы мобильный браузер не делал сайт широким. Если его нет, на мобилках будет делаться пространство чтобы десктопные сайты не разваливались

@marifox попробуй добавить вот такую строку:

<meta name="viewport" content="width=device-width, initial-scale=1" />

https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_meta_tag#viewport_basics

@mittorn

@marifox опять же чтобы такие теги использовать - нужно учесть что контент будет подстраиваться. Например если картинка уменьшится до ширины экрана - она может оказаться слишком маленькой, тогда надо открытие полной картинки по клику делать

@iliazeus @mittorn та есть просто сделанно немного не так все равно в целом страница.

@marifox до 2010го в принципе не было мобильной вёрстки для браузеров, был WAP и Opera Mini. И да, сайты писали WAP-версии, выдавали их по юзерагенту. Всё версталось вручную, WML строже HTML.

Пример: http://wap.urq.borda.ru/

Адаптивность пошла когда появились дешёвые мобильники с нормальным HTML-браузером, а это Android 2+, 2009.

вики: https://ru.wikipedia.org/wiki/Wireless_Application_Protocol

@oreolek ох.. какие же ростелеком говнари.
присрали рекламу. приделывают ее к любому http...
Хотя у меня на сайте вроде такого нет ибо нет нормального домена и порт не стандартный 80й, а другой, ибо по 80 до меня иногда никто не может достучаться.

@oreolek Ясненько, спасибо

@marifox впервые стал замечать такое где-то в 2014-2015 годах. До этого обычно делали два разных версии сайта: основную и упрощенную мобильную на подомене, причём для мобильной делался как минимум отдельный шаблон в CMS, а иногда и ставилась отдельная копия CMS, но с единой базой с основной. А выдача разных версий HTML по User Agent в пределах одного шаблона всегда считалась костылём, который ведёт к кривому коду и багам.

@MrClon ну просто я в целом могу и две версии запроектировать, только надо ли оно и мб решения есть какие

@marifox сейчас обычно всё-таки адаптивный дизайн делают