Shulou(Shulou.com)05/31 Report--

This article introduces the knowledge of "is there a compatibility problem with vw in css?". In the operation of actual cases, many people will encounter such a dilemma. Next, let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

There is a compatibility problem with vw in css. Vw compatibility: 1. Desktop PC, vw is compatible with Chrome26, Firefox19, Safari6.1, IE10 and Opera15 and above; 2. Vw is compatible with Android4.4 and iOS8 and above in mobile devices.

The operating environment of this tutorial: windows10 system, CSS3&&HTML5 version, Dell G3 computer.

Is there a compatibility problem with vw in css?

Desktop PC

Chrome: perfect support since version 26 (February 2013)

Firefox: it has been perfectly supported since version 19 (January 2013)

Safari: perfect support since version 6.1 (October 2013)

Opera: perfect support since version 15 (July 2013)

IE: only partially supported since IE10 (including Edge) (does not support vmax, and vm replaces vmin)

Mobile Devic

Android: perfect support since version 4.4 (December 2013)

IOS: it has been perfectly supported since the iOS8 version (September 2014).

Expand knowledge:

(1) vw, vh, vmin and vmax are both window units and relative units. It is not relative to the parent node or the root node of the page. Instead, it is determined by the size of the Viewport, unit 1, which is similar to 1%.

Viewport is the area where your browser actually displays content-in other words, your web browser that doesn't include toolbars and buttons.

(2) the specific description is as follows:

Vw: percentage of window width (1vw represents window width of 1%)

Vh: percentage of window height

Vmin: a smaller value in the current vw and vh

Vmax: a larger value in the current vw and vh

The difference between vw, vh and% percentage

(1)% is the ratio set relative to the size of the parent element, and vw and vh are determined by the size of the window.

(2) the advantage of vw and vh lies in the ability to obtain the height directly, while using% cannot correctly obtain the height of the visual area without setting the height of the body, so this is a good advantage.

This is the end of the content of "is there a compatibility problem with vw in css"? thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.