Options for Safari Browser

Asked

Viewed 29 times

0

Hello, Use some CSS classes to align objects on the screen:

height: 65vh !important;
display: flex;
align-items: flex-end;
justify-content: center;

However, in Safari some of these classes do not work in Safari. I would like to know what option for these classes. For example, the above code places the image in the center and bottom of the div, which is 65% the size of the viewport. If someone could point me to a place to study these questions, it would be helpful. Thank you

  • These properties work from Safari 10 according to the site Caniuse.

  • Ok. I would like to know the solution for Safari < 10 browsers. Thank you

  • 1

    Flex is supported starting with version 3.1 of Safari, but using the prefix -webkit-. See more on the Caniuse. Other properties, you can search on this site too. Already another thing to do, is create other classes that support browsers old, which will cost you more code to have the same effect, but it will work. And another detail, ask yourself this question: "I really need to support outdated versions of Safari?".

No answers

Browser other questions tagged

You are not signed in. Login or sign up in order to post.