ТОП-3 универсальных ПРАВИЛА для проработки адаптива в CSS

#css #webdeveloper #webdev #вебразработка #созданиесайтов #верстка #версткасайта #верстальщик

[@TrnonhighHighdc-oy7gf]

Везде, гне нужно, а те браузерв что их не поддерживают больше чем половину сатов будут показывать криво. После того как ie отправился в ад я перешол с таблиц на гриды. Флекс я пропустил как технологию больно костыльная и своевольная фигня.

[@phoneandroidovich3728]

Clamp ещё имеет не полную поддержку .

[@user-yk7xp9gp2q]

А как вы решили задачу, когда надо чтоб отображалось одинаково не только при разных разрешениях экрана, но и когда включено масштабирование в виндоузе (150%)? 🤔 у посетителя

[@serialtv9862]

Хватит быть такой красивой!

[@zoranpetrovski3051]

Awesome 👍

[@user-lm8py5rb4m]

Гриды не везде поддерживаются Отдаю предпочтение flex. Недавно было открытием, что свойство gap ,на ios менее 12 или 14 версии чтоле не поддерживаются ( не помню )

[@xOceanSpirit]

Базовые свойства гридов имеют ту же поддержку, что и флекс.

[@zzzzzzzvvvvvvvv]

А мне наоборот удобнее с большого на маленький идти. Про clamp() в первые слышу. Спасибо за советы. Пойду гляню clamp() 😊

[@annblok_webdev]

Скоро ещё будет видео на эту тему на канале

[@xOceanSpirit]

Тут речь не об удобстве, а об оптимизации.

[@rexdraconis1703]

​@@xOceanSpiritтак как это на оптимизацию влияет? Если надо меньше (больше) объектов за один раз загружать, то тут уже тогда брейкпоинты надо делать какие-то (для ангуляр)

[@DK-ue5uf]

@@rexdraconis1703какое отношение ангуляр имеет к этому? Вообще ничего не понял из твоего ответа. На оптимизацию влияет, и ещё как. Лишний раз лучше не использовать calc / clamp.

[@xOceanSpirit]

@@rexdraconis1703 влияет так, что при подходе мобайл ферст, на мобилке не применяются стили для деска. При подходе от "большего к меньшему" - браузер мобилки сначала сожрет стили для пк, просчитает их, а затем уже загрузит стили из медиа, для мобилок и снова пересчитает всё. Современные мобилки правда уже не сильно слабее средних ПК, но тем не менее.

[@annblok_webdev]

🔥 Скидка 15% на курсы (старт 16 октября 2023) ✅Оставь заявку: forms.gle/fEG1GThf3x2qFh4m9 (кликабельная ссылка в профиле)