Page adaptation method and device

Abstract

The invention relates to a page adaptation method and device. The method comprises the steps: obtaining the design size of each element in a page design draft, wherein the design size is represented by a response type unit, and the value of the response type unit changes along with the change of the size of a device screen; converting the response type unit into a target unit corresponding to the target equipment screen and a corresponding value of the response type unit under the target unit; and generating a new style file according to the converted target unit and the corresponding value of the response type unit under the target unit. A uniform response type unit is defined, and all elements and pages are defined and compiled in a consistent manner, so that the understanding cost of developers is reduced, and the developers can achieve seamless migration between the elements and the pages without changing codes. Through the unified configuration of the target unit and the target equal part, the unified management of the page adaptation scheme can be realized, and the adjustment of the size and equal part of the design draft and the support of the new unit can be quickly supported.

Description

technical field [0001] The present disclosure relates to the technical field of web page design, in particular to a page adaptation method and device. Background technique [0002] When developing mobile pages, due to different screen sizes, if the page is developed with a fixed size, scroll bars will appear on small-screen devices, and blank areas will appear on large-screen devices, so mobile pages need to be adjusted for different screen sizes Adaptation, adjust the page to the size of the current screen to ensure the consistency of the user's browsing experience and avoid scroll bars and blank areas. [0003] At present, the usual implementation plan is that developers use rem units when writing style (css) files when writing style (css) files. If the design draft is 750 pixels wide and the equal parts used are 10 equal parts, then 1 equal part is 75 pixels, the rem value of the element size or position is divided by the element size or position pixel value of the visua...

AI Technical Summary

Problems solved by technology

[0003] At present, the usual implementation plan is that developers use rem units when writing style (css) files when writing style (css) files. If the design draft is 750 pixels wide and the equal parts used are 10 equal parts, then 1 equal part is 75 pixels, the rem value of the element size or position is divided by the element size or position pixel value of the visual draft by 75, that is, when the button element width is 75 pixels, the corresponding rem value is 1rem, but the rem unit value is correct The converted value of the pixel value of the design draft needs to be converted by the developer based on different equal parts, which is inefficient

Images