How to write code so that the appearance of the site can be seen regularly in all browsers? The use of gates provides
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
How to get backlinks by Google Alerts 2020 method to get new links which is very effective in SEO of your site.
What is a responsive site? It is said to websites that aim to display the page optimally on a wide range of different devices.
![Google algorithm update May 4, 2020 [main update]](/uploads/cache/fc/c6/fcc6749f725c6b22348f4d3a63f695bb.jpg)
The Google Algorithm Update May 4, 2020 is the main update of the Google Algorithm, which has made fundamental changes
Review of 13 ways to increase SEO CTR in Google that will lead to visits to your site through Google search engine.
XAMPP is a powerful web development tool that allows developers to create dynamic and interactive websites.
MVC or Model-View-Controller architecture is a design pattern used to develop web applications. This model consists of
How to create an image with artificial intelligence (AI) has become a household word in recent years, with applications
One of the most common and frustrating problems faced by WordPress users is the White Screen of Death (WSOD).
Comments (0)