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

fsv

  • Практически профи
  • 2524
  • 367
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)?
Заказать разработку:    расширения Joomla  |   интерфейсы на javascript(jQuery)  |  мобильные приложения
*

Shustry

  • Moderator
  • 6430
  • 735
  • Рисую дизайны
Re: flexbox в iOS Safari 5.1
« Ответ #1 : 09.03.2016, 15:05:12 »
Я использую LessHat. Вендорные правила автоматически дописываются при компиляции.
Бесплатно консультирую по дизайну и вёрстке (только в личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!
*

fsv

  • Практически профи
  • 2524
  • 367
Re: flexbox в iOS Safari 5.1
« Ответ #2 : 09.03.2016, 15:46:21 »
Я использую LessHat.
Спасибо, вечером поковыряю.
Волшебная кнопка одна, и она не про CSS... Похоже от изучения "компилирования css" не отвертеться, хоть и не верстальщик.
Заказать разработку:    расширения Joomla  |   интерфейсы на javascript(jQuery)  |  мобильные приложения
*

Shustry

  • Moderator
  • 6430
  • 735
  • Рисую дизайны
Re: flexbox в iOS Safari 5.1
« Ответ #4 : 09.03.2016, 16:30:47 »
effrit, не пользовался за ненадобностью. Верстаю только на LESS. Там собственные миксины написать порой быстрее, чем что-то готовое искать.
Бесплатно консультирую по дизайну и вёрстке (только в личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!
*

effrit

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

fsv

  • Практически профи
  • 2524
  • 367
Re: flexbox в iOS Safari 5.1
« Ответ #6 : 09.03.2016, 23:06:18 »
fsv, опробуй, может обойдешься малой кровью )
То, что доктор прописал. Как раз для лентяев очень занятых. Все исправил. Спасибо.
Увы, изучение компиляции CSS из-за effrit’а отложено (в который раз) на неопределенный срок, есть более насущные и интересные штуки, которые ждут меня.
Заказать разработку:    расширения Joomla  |   интерфейсы на javascript(jQuery)  |  мобильные приложения
*

effrit

  • Группа развития
  • 7572
  • 819
  • effrit.com
*

fsv

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

Joomla-верстальщики, чем компилируете и какая у вас общая схема работы с LESS?
Заказать разработку:    расширения Joomla  |   интерфейсы на javascript(jQuery)  |  мобильные приложения
*

beliyadm

  • Профи
  • 8368
  • 1527
  • Севастополь == Россия
Re: flexbox в iOS Safari 5.1
« Ответ #9 : 07.09.2016, 23:35:44 »
Joomla-верстальщики, чем компилируете и какая у вас общая схема работы с LESS?
Никакой схемы нет. Чистый CSS и ни грамма более. К чертовой бабушке все эти лессы. Ни единого смысла в них нет.
Все истины, которые я хочу вам изложить, — бесстыдная ложь.
Записки нетрезвого кодера || -=Joomla FAQ=- || -=все плохо=- || skype: beliyadm_pb
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как исправить косяк отображения на браузере Android и Safari?

Автор Bozhkov2

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

Автор Irgo

Ответов: 2
Просмотров: 953
Последний ответ 29.12.2014, 15:36:18
от Irgo
Opera/Safari не реагируют на CSS правило

Автор Андрей Нестеров

Ответов: 4
Просмотров: 581
Последний ответ 29.10.2014, 12:26:56
от Андрей Нестеров
Некорректно работает CSS меню в браузере Safari на iPad

Автор Jackson

Ответов: 4
Просмотров: 2482
Последний ответ 09.12.2013, 12:50:43
от verstalshik
Стиль для input в Safari (нужна окантовка)

Автор worldmen

Ответов: 0
Просмотров: 791
Последний ответ 29.10.2013, 16:28:35
от worldmen