Hi guys that's my second part of Presentation of UNKNOWN USEFUL features in CSS. I hope I can introduce one or two features which not exist in your knowledge. Let's go. Enjoy the article!!
@media is an further at-rule. When you use a Media Querie it will be executed if the query is right. For example you can make the query @media screen and (min-width: 1330px). This example will be executed if the screen is greater as 1329 px. There are so many of types there can you use by @media. Here you can find all: https://wiki.selfhtml.org/wiki/CSS/Media_Queries#width. This function is very useful by much situations. Below can you find an example:
Can I Use
The next function is not really a function. Muchmore it is a website. I mean the website can I use . Last introduction I presentated the @support function but if you don't want to use the at-rule you can go on the website can I use. There you can looking which Webbrowser support which CSS command. On the website you test the css command by following Webbrowsers: IE, Edge, Firefox, Chrome, Safari, IOS Safari, Opera Mini, Chrome for Android, US Browser for Android and Samsung Internet.
Brower-Prefixes
Not all CSS command will supported by Webbrowser. So every Browser has there own Browser-prefix. The problem the Browser-prefixes are all different. So you need for each Browser an own prefix. Here is a small list where you can see all importent Browser-prefixes:
So you know how are show Browser Prefixes. But you have to know for what do you need him. There are sometimes css comands which can you not use but there are as well comands there can you use but therefor the browser need a prefix. For example the UC Browser for Android need an prefix for the flex command. Then you can use it.
I hope you have found knew things which you can use it. Write in the comments how much did you knew. I would be glad if you leave me a feedback. See you on the next time. Bye!!