Add browser private prefix we will be able to support this attribute?-CodePudding

Self-study HTML/CSS just a month, now learn c3 and mobile page development, in the similar jingdong ctrip like taobao website code see to some of the most commonly used attribute added private prefix, mind doubts, also please great god answer:

1. Add the private prefix, any version of the browser can read and execute this property?
In my understanding, add the private attribute is to allow the browser to perform those who have not yet released in w3c standard, is comparatively mature but the properties of the border - the radius, for example, in the new version of the browser has to fully support, I now is whether to add browser private prefix to border - the radius? (in case of low version of the browser does not support?
Secondly, isn't as long as I added a private prefix to the browser, for example - ms - border - the radius, low version of the ie browser can also support? (add - its -, low version of the chrome can also support?)
on this issue, I try to call ie console, use ie version history test, found in style, if only to - ms - border - the radius: 50%; , 6, 7, 8, 9, 11 are unable to display the circular, is this why?
But only write a border - the radius: 50%, ie 9/11 can display circular (this is normal),

 
 
<meta charset="utf-8" & gt; 
<meta name="viewport" content="width=device - width, initial - scale=1.0" & gt; 
 Document 
<style> 
Div {
width: 500px; 
height: 500px; 
background-color: green; 
- ms - border - the radius: 50%; 
/* border - the radius: 50% *//* if only write this sentence is normal */
} 
</style> 
 
<body>

2. Private prefix exactly why want? When to add?
Horizontally centered on the top of the search bar in the m.ctrip.com have such a statement:

 
top: 0; 
left: 50%; 
- its - transform: translateX (50%); 
transform: translateX(-50%);

When they study the range of 2 d transformation, I did not add its - private prefix, can also very good executive in chrome, but I see 2 d transformation at W3Cschool compatibility issues, it says chrome and safari - its going to be -- - that I haven't figured it out? I don't add can also in chrome, executive, why still need to add?
My version of chrome 79.0.3945.88 (formal version) (64)

The above two questions is I recently more doubts, check for a long time still didn't get the answer, then register account to post questions on the CSDN, also a great god, please help! Thank you!

CodePudding user response:

Different browser style of writing is there are differences, do not add prefix when using plug-in packaging will be the default prefix plus other browser CSS,
Look at the article to understand, mainly deal with browser compatibility problems