Sass MediaScreen — Определяем девайсы на CSS

[Griboks]

Напомните, как связаны SASS-миксины и полуголая спортивная девушка?

[Kopilov]

Гибкостью и растяжкой

[PaulZi]

Раньше тоже пользовался разными хелперами для определения мобильник это или планшет, но в конце концов пришел к тому, пропасть между 320 и 768 огромная и часто нужен брейкбоинт на 480 или даже 640 пикселей, и в итоге получаются всякие mobile-small, mobile-large, аналогично с десктопами 1280 и 1440 приличная разница особенно при наличии свйдбаров. В итоге проще писать тупо пиксели, чем вспоминать что есть desktop-small. Привязываться к конкретным устройствам я считаю вообще вредным, настоящий адаптив должен на любых разрешениях выглядеть хорошо.

[Dinver]

Был как то проект, с придирчивым заказчиком, так пришлось делать 2 для смартфонов(320/480), 3 для планшетов(600/768/1024), и 3 для пк (1280/1920/2560).

[dady_KK]

Полностью согласен, даже при одинаковой логике работы с блоками на 320-768, все равно где-то какой-то блок будет не такой на 480+, по сравнению с 480-, поэтому мы делаем обычно 320-768, плюс отдельные стили для 480+ (или 480- в зависимости от условий) с более высоким приоритетом, получается небольшой оверхед по размеру из-за того что перекрытие стилей идёт, но по сравнению с двумя отдельными версиями, это более экономный вариант.

[maria_uglova]

Да, пиксели писать проще, но лучше все же использовать миксины потому, что:
1. Изменения будут происходить одновременно.
2. На больших проектах, где несколько фронтендщиков, нужны правила, чтобы не было хаоса.