How to write code so that the appearance of the site can be seen regularly in all browsers? The use of gates provides this capability for you.
How to write code so that the appearance of the site can be seen regularly in all browsers? The use of gates provides this capability for you.
Some websites do not look the same when viewed in different browsers. For example, in Google Chrome, the website is great, but in Mozilla, why is it messed up?
We have already explained about Cross Browser what it is and what it does, but in this article we want to look more specifically.
One of the reasons for the confusion of sites is the incompatibility of CSS codes with the browser. That is, the site designer did not pay attention to this point in coding or did not study the necessary syntaxes in relation to the standards of that code for different browsers, that's why this problem was created.
For example, if you want to use Flex code on your site, you need to know which versions of browsers support this code.
What to do for versions that are not supported? So let's go step by step
To answer this question, one of the prominent sites in this field is w3schools . After entering this site, you enter the desired code in the search field and you will see which browser version supports the code.
next question
There are gates that are defined for each browser and by using them you can optimize that code for that particular browser. The gates are as follows:
-webkit- <!-- for Webkit browsers (chrome, Safari) --> -moz- <!-- for FireFox --> -o- <!-- for Opera --> -ms- <!-- for Internet Explorer -->
As you can see above, each of the gates is for use in specific browsers, with a dash at the beginning and end.
Example :
Below we want to write a code that will make the background green, that is, for example, it will change a color from the right side to the left side.
background-image: linear-gradient(right, #000, #FFF);
Normally, the code is written as above, but to display in Internet Explorer and Opera, the following codes must be added to the above code.
background-image: -ms-linear-gradient(right, #000, #FFF); background-image: -o-linear-gradient(right, #000, #FFF);
You can use Iteros online editor to check the codes .
Source » Itroz Academy
One of the most common and frustrating problems faced by WordPress users is the White Screen of Death (WSOD).
In this article, I will introduce the best WordPress theme design giants for launching Persian sites, or in other words, the right-clickable ones. These te
We are with you with the video of the sixth training session of the WooCommerce management panel from the WooCommerce online store management panel trainin
We are with you with the video of the sixth training session of the WooCommerce management panel from the WooCommerce online store management panel trainin
How to create an image with artificial intelligence (AI) has become a household word in recent years, with applications ranging from self-driving cars to
One of the most common and frustrating problems faced by WordPress users is the White Screen of Death (WSOD).
In this article, you will get to know the concept of inbound marketing, which is one of the most important things in website marketing. Be with Itroz Acade
To start a business on Instagram, you should pay attention to 8 key points. These 8 are the cornerstones of business on Instagram. Below is a description
Comments (0)