The difference between adaptive and responsive layout, em and rem

Others 2022-04-22 13:51:21 views: 0

Adaptive layout: The layout of text, pictures, and other positions displayed on different terminals is the same, but the size is different.

Responsive layout: Monitor screen size changes through media queries and make responsive changes, which may show different style effects on different devices.

em: is relative to its parent element.

rem: Relative to the page root element, rem is recommended.

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=325058764&siteId=291194637

The difference between adaptive and responsive layout, em and rem

The difference between em and rem

In response to the difference between the adaptive layout Layout

The difference between px, em and rem

The difference between px, em, and rem

Responsive page layout with rem

px, em, rem and the difference between% and summarized

Summary of the difference between pt, px, rem and em

The difference between css---px, em and rem

rem adaptive layout js code

js code layout adaptive rem

Review summary of rem adaptive layout

Large screen adaptive layout rem

How responsive layout responsive layout using summary rem units

Mobile terminal rem responsive layout development

On the front end adaptive layout (more easily understand the use of the em rem vw vh) -

Read the difference between em and rem on mobile terminals in 1 minute

The difference between the operation rules of px, rem, em, vh/vw, and calc()

The difference between the unit em and rem in css, container query unit

Difference between rem and ::

Mobile rem adaptive layout-record

The difference between rem and :: in the bat command

In-depth understanding of the difference between px, em and rem of CSS (explain the characteristics and details of em in detail)

Vue mobile terminal / PC terminal adaptive responsive layout solution (1)

uc, qq browser rem solve the problem of adaptive layout

Static, adaptive, streaming, responsive four kinds of page layouts What is the difference

The difference between px, rpx, em, rem, vw, vh various pixel units

Responsive page flex realizes three-column adaptive layout, middle column adaptive and @media media query

Css you do not know the layout of various types (a) of a fixed layout, the layout of the static layout in several ways (static layout adaptive layout, flow layout, responsive layout, layout elasticity)

Recommended

The number of MaxKB GitHub Stars, an open source knowledge base question and answer system based on large language models, exceeded 5,000!

Ranking

Getting the basic concepts of ROS + catkin Profile

Spring Learning (2) --- Assembling Beans in the IoC Container

js to get the src attribute of the image regularly

STM32 is based on CubeIDE and HAL library basics entry study notes: Bluetooth WIFI STM32 connects to Alibaba Cloud

Short video learning - 3, pandas simple use of pivot_table

Print directory of project configuration log, output log

Understand the difference between vi and vim in Linux in 3 minutes

1 + x certificate Web front-end development HTML5 special exercises

mangodb save and insert the difference

7-1 Family tree processing (50 points) (binary tree solution)

Daily

2024-05-13(8)

2024-05-12(28)

2024-05-11(32)

2024-05-10(34)

2024-05-09(32)

2024-05-08(18)

2024-05-07(34)

2024-05-06(6)

2024-05-05(0)

2024-05-04(18)