in the figure, the landing box is fixed relative to the vertical and horizontal center of the screen fix, and the width and height is a fixed value.
is the same size as the blueprint on 1920-1080, but it becomes very large on the 13-inch screen of mac, affecting the experience.

now I want to write about compatibility in @ media. Do you usually write the compatibility according to the percentage of the width and height of the box, or reset a suitable fixed pixel frame width height and the pixels of the content?