Google, Microsoft, and related companies try to improve web browser compatibility

Browser compatibility is a key issue for web developers. After all, browser compatibility is different and developers need to adapt to the browser.

At the same time, the performance of the browser also directly affects the experience of using web applications, especially the adaptation of CSS is also a headache for developers.

Therefore, Google and Microsoft jointly launched the Compat 2021 event with related practitioners, aiming to greatly enhance the compatibility of web browsers and improve performance through this event.

This activity will focus on several main areas, which are the most frequently complained by developers and the most in need of improvement in order to solve various usage problems.

CSS stands for Cascading Style Sheets, which is used to control how web content is presented to users in the browser, so style sheets are vital to web pages.

The style sheet contains a variety of properties such as CSS Flexbox, CSS Grid, CSS sticky positioning, the CSS aspect-ratio property, and CSS Transforms. These properties are relatively high in use.

Especially the adaptive CSS Flexbox is more important. This property can control the stretching of the image in the browser, and compatibility issues may cause abnormal stretching.

For example, it can cause various problems such as distortion or blurring of the image. This problem is chosen as the focus of the solution because this is the problem that developers complain about the most.

The survey found that 85% of browsers currently support CSS Flexbox, and 75% of pages loaded by Google Chrome use this attribute.

In the case of being widely used, if there are still compatibility issues, it will not only affect the user experience but also cause greater difficulties for developers.

Although the above style sheet attributes have been widely used, the compatibility of different browsers is different, which means that developers may need to make different adaptations.

For example, in the test, the compatibility score of the Google Chrome and Microsoft Edge development version was 86 points (maximum 100 points), the Firefox nightly build version was 83 points, and the Safari preview version 64 points.

In the stable version, Google and Microsoft browsers scored 83 points, Firefox browser scored 68 points, and Safari browser scored 60 points. Obviously, these scores are not very high.

So Google and Microsoft plan to bring better compatibility for these style sheet attributes, but it’s only surprising that the event doesn’t seem to be pulled in the Firefox browser.

Via: Neowin