Page adaptation method and device

Abstract

The invention relates to the field of network communication, and in particular to a page adaptation method and device. The method comprises the following steps of: obtaining a width of a display interface; calculating a corresponding size of a root element in a page when the root element is displayed on the display interface according to the width of the display interface and a pre-defined calculation manner, wherein the calculation manner is carrying out calculation according to a width of a preset original effect picture corresponding to the page, a preset conversion relationship and the width of the display interface, and the conversion relationship expresses proportion conversion between units of elements in the page and units of elements in the original effect picture; and displayingthe page on the display interface according to the size corresponding to the root element in the page when the root element is displayed on the display interface. According to the method and device, the elements in the page are uniform units, so that a simple conversion relationship is established more simply, all the terminals can be adapted through once development design, and during page display, the original effect picture can be accurately restored, so that the labor cost is reduced, the development period is decreased and the later-period maintenance is simpler and more convenient.

Description

technical field [0001] The invention relates to the field of network communication, in particular to a page adaptation method and device. Background technique [0002] In practice, when making a page, according to different needs, the user will pre-draw the design draft (that is, the original design rendering or design prototype), and then the developer can make the page according to the design draft, and then display it on the browsers of different terminals. Loading the page means finishing displaying the page on the browser (i.e. the display interface). Since the page size is fixed, there will be some problems in adapting the browsers of mobile terminals of different sizes. [0003] Moreover, with the increasing popularity of mobile terminals, for example, there are many types of mobile phones and tablet computers. Unlike traditional PC-side displays, there is no uniform standard for the resolution of mobile terminals. There are so many mobile terminals, so when displayi...

AI Technical Summary

Problems solved by technology

It is impossible to accurately define the width of each container or element in the page when displayed according to the width of the browser on different mobile terminals, resulting in the final page displayed on the browser inconsistent with the original design draft. In extreme cases, the elements in the displayed page will be overlapping and cluttering the page

[0015] It can be seen that in the prior art, the page adaptation method is relatively complicated to implement and cannot accurately restore the effect of the design draft on the display interfaces of different mobile terminals

Images