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.
– Diego Souza
Ok. I would like to know the solution for Safari < 10 browsers. Thank you
– Edinho Rodrigues
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?".– Douglas Garrido