@media safari, как решить?

Question

[byms]

getbootstrap.com/examples/dashboard, делаю что-то подобное, при ширине менее 768px левая панелька появляется сверху. Как понял media safari не поддерживает, как можно это решить?

Comments

[Егор Федосенко]

Вы плохо поняли. @media-query поддерживает Safari. Но вы скорее всего не знали, как и Romeo_viruS , что Safari для Windows уже давно не поддерживается.

[Rad1calDreamer]

Егор Федосенко: вовсе нет. еще раз читаем, что я написал - с помощью php определяем браузер и выставляем необходимый класс. Это просто альтернативный путь определения safari =)

[Егор Федосенко]

Romeo_viruS: т.е. ваша фраза "А с сафари вообще беда. Даже ослик на него смотрит как на сами знаете что." совершенно не относится к теме в таком случае? Можете объяснить "беду" с Сафари? Зачем вообще подключать совершенно ненужные библиотеки в данном случае? Не хотелось бы как-то показаться грубым, но вы часом не из того числа людей, которые ради одного селектора подключают jQuery?

[Rad1calDreamer]

Егор Федосенко: даже если из них, что дальше? Последняя беда с сафари с которой я столкнулся - его восприятие flex модели.

[Егор Федосенко]

Romeo_viruS: если вы из них - то дальше разговор просто с вами бесполезен :)
То, что вы столкнулись в Сафари с flex, означает, что скорее всего вы не использовали префикс -webkit-

[Rad1calDreamer]

Егор Федосенко: серьезно? что прям префиксы можно использовать? к сожалению, на данный момент нет порождения джобса под рукой чтобы сделать песочницу для примера. Мы наверно бедного ТСа завалили уведомлениями, которые ему не помогут

[byms]

тестил на маке, тоже самое

[byms]

через em работает, через px не хочет, может нужно параметр по другому задать?

Answer 1

[Rad1calDreamer]

немного в другую сторону, но как вариант все же - mobiledetect.net
библиотека на php. определяете браузер и выставляете нужные классы.
А с сафари вообще беда. Даже ослик на него смотрит как на сами знаете что.

Answer 2

[Алим Алибаев]

@media Safari поддерживает, вот факт

Answer 3

[Дмитрий]

htmlbook.ru/css/value/media

Answer 4

[byms]

А можно пример какой нибудь, я вот делаю так у меня не работает , фокс и хром все ок ,@media (max-width: 767px) {}

то что поддерживает, теперь понятно, нашел что работает через em, использую бутстрап там все в px, то есть в бустрапе все перебить?