Sign in to follow this  
Followers 0
pawok

Отображение меню на компьютере / мобильный телефон

3 posts in this topic

Добрый день, я не король дизайна и мне требуется помощь. Создал модулем вывод списка категорий, задал ему стили:

display: flex;
align-items: center;
justify-content: center;
height: 53px;
border: 1px solid #FFF;
box-shadow: 0px 1px 1px 0px #000, 0px -10px 32px 8px #CCC inset;
width: 245px;
margin: 3px 3px 0px;
box-sizing: border-box;
padding: 5px;
text-decoration: none;
color: цвет

На компьютере отображается адекватно, как и требовалось. А, вот на мобильном телефоне или планшете, а также на компьютере со старинной opera все это отображается так, как будто не установлен пункт display: flex;, то есть скомкываются строки до высоты букв. Как правильно будет настроить меню?

Share this post


Link to post
Share on other sites

а есть посмотреть меню в реализации уже? готовое?

Share this post


Link to post
Share on other sites

Потому что атрибут display: flex современный, старыми браузерами не поддержривается.

Согласно сайту caniuse.com, Flexbox не поддерживается 8 и 9-м IE и Opera Mini, а в других браузерах поддерживаются не все свойства и/или требуются префиксы.


Почитать о flex на русском.

Edited by campusboy

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0

  • Recently Browsing   0 members

    No registered users viewing this page.