Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 9 Ответов
  • 2145 Просмотров
*

fsv

  • Живу я здесь
  • 2765
  • 402 / 2
flexbox в iOS Safari 5.1
« : 09.03.2016, 13:55:36 »
Почти сверстал простой адаптивный шаблон, довольно часто используя flexbox. Легкий, без всяких фреймворков. Все нормально было в десктопах и андроидах, пока не посмотрел в iPAD3. Там все развалилось.
После добавления одному из селекторов
Код: css
display: -webkit-box;
display: flex;     
  -webkit-box-flex-direction: row;
  flex-direction: row;
с ним ситуация в Сафари поправилась.
Ну это ж тоска, дописывать всем кучу префиксов.

Собственно, вопрос верстальщикам:  как вы работаете (и работаете ли) с flexbox, чтобы и всех удовлетворить (в разумных пределах, старые IE не вспоминаем), но при этом чтобы без сеток/фреймворков (only css)?
Веб-разработка: заказ. Только новая объемная разработка. Качественно, дорого.
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: flexbox в iOS Safari 5.1
« Ответ #1 : 09.03.2016, 15:05:12 »
Я использую LessHat. Вендорные правила автоматически дописываются при компиляции.
*

fsv

  • Живу я здесь
  • 2765
  • 402 / 2
Re: flexbox в iOS Safari 5.1
« Ответ #2 : 09.03.2016, 15:46:21 »
Я использую LessHat.
Спасибо, вечером поковыряю.
Волшебная кнопка одна, и она не про CSS... Похоже от изучения "компилирования css" не отвертеться, хоть и не верстальщик.
Веб-разработка: заказ. Только новая объемная разработка. Качественно, дорого.
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: flexbox в iOS Safari 5.1
« Ответ #4 : 09.03.2016, 16:30:47 »
effrit, не пользовался за ненадобностью. Верстаю только на LESS. Там собственные миксины написать порой быстрее, чем что-то готовое искать.
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
Re: flexbox в iOS Safari 5.1
« Ответ #5 : 09.03.2016, 19:10:34 »
кста, заморочился немного, т.к. хомка на флексах, в итоге прогнал CSS через онлайновый сервис
http://autoprefixer.github.io/
айпадов не имею, так что просто посмотрел браузере лунаскейп, ужас ушел )).
fsv, опробуй, может обойдешься малой кровью )
*

fsv

  • Живу я здесь
  • 2765
  • 402 / 2
Re: flexbox в iOS Safari 5.1
« Ответ #6 : 09.03.2016, 23:06:18 »
fsv, опробуй, может обойдешься малой кровью )
То, что доктор прописал. Как раз для лентяев очень занятых. Все исправил. Спасибо.
Увы, изучение компиляции CSS из-за effrit’а отложено (в который раз) на неопределенный срок, есть более насущные и интересные штуки, которые ждут меня.
Веб-разработка: заказ. Только новая объемная разработка. Качественно, дорого.
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
*

fsv

  • Живу я здесь
  • 2765
  • 402 / 2
Re: flexbox в iOS Safari 5.1
« Ответ #8 : 07.09.2016, 23:20:49 »
Я использую LessHat. Вендорные правила автоматически дописываются при компиляции.
В отпуске только смог изучить несколько давно интересующих тем, в т.ч. LESS, task runner'ы. Жаль, что раньше мимо проходил. Но пока еще не все ясно применительно к теме "joomla".
Если с nodejs работать, проблем со сборкой модулей, префиксами, компиляцией, минификацией и т.д. - никаких, только вот Joomla тут будет каким боком?
Можно и в PhpStorm (например) компилировать, только "чисто верстальщики" к шторму каким боком?

Joomla-верстальщики, чем компилируете и какая у вас общая схема работы с LESS?
Веб-разработка: заказ. Только новая объемная разработка. Качественно, дорого.
*

beliyadm

  • Легенда
  • 9758
  • 1664 / 66
  • Севастополь, Россия
Re: flexbox в iOS Safari 5.1
« Ответ #9 : 07.09.2016, 23:35:44 »
Joomla-верстальщики, чем компилируете и какая у вас общая схема работы с LESS?
Никакой схемы нет. Чистый CSS и ни грамма более. К чертовой бабушке все эти лессы. Ни единого смысла в них нет.
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Прошу помочь с FlexBox

Автор Александр Кардаш

Ответов: 11
Просмотров: 671
Последний ответ 18.11.2020, 18:17:54
от Александр Кардаш
Элемент flexbox выходит за края родителя [РЕШЕНО]

Автор dm-krv

Ответов: 3
Просмотров: 8464
Последний ответ 05.04.2019, 16:07:44
от dm-krv
На iPad в Safari блок вылезает за края [Решено]

Автор dm-krv

Ответов: 10
Просмотров: 1646
Последний ответ 11.08.2018, 19:42:53
от dm-krv
Как исправить косяк отображения на браузере Android и Safari?

Автор Bozhkov2

Ответов: 8
Просмотров: 1152
Последний ответ 01.11.2016, 11:42:44
от Bozhkov2
Граница таблицы не отображается в safari и chrome - в чем ошибка?

Автор Irgo

Ответов: 2
Просмотров: 3091
Последний ответ 29.12.2014, 15:36:18
от Irgo