Page rendering method and device

Abstract

The embodiment of the invention provides a page rendering method and device. The method comprises the steps that a conversion coefficient is determined according to a screen width and a preset full-screen rem value, wherein the preset full-screen rem value is a rem value corresponding to full-screen display of a page; scaling of a to-be-rendered element by use of the conversion coefficient enables the page to be displayed in the same display form on display devices with different widths; then a rem value corresponding to the to-be-rendered element is determined according to a pixel value of the page, a first pixel value of the to-be-rendered element in the page and the preset full-screen rem value; a second pixel value corresponding to the to-be-rendered element in a screen used for displaying the page is obtained based on the conversion coefficient and the rem value corresponding to the to-be-rendered element, wherein the second pixel value is adaptive to the width of the display screen; and finally the to-be-rendered element is rendered according to the second pixel value adaptive to the width of the display screen. Through the page rendering method and device, it is guaranteed that the page can be displayed in the same display form in the screen of any size, and the page display effect is optimized.

Description

technical field [0001] The present invention relates to the technical field of the Internet, in particular to a page rendering method and device. Background technique [0002] With the continuous popularization of mobile terminals, devices used by people to browse webpages are gradually transformed into mobile terminals. [0003] Different mobile terminals often correspond to different screen sizes. When displaying the page content in the target page, for a terminal with a wide screen size, the content may not fill the display screen. For a terminal with a small and narrow screen size, There will also be a situation where all the content cannot be displayed on one screen. It is necessary to slide the horizontal scroll bar of the page to see other content that is not displayed on the display screen. As a result, the page display effect is not good. Contents of the invention [0004] In view of this, an embodiment of the present invention provides a page rendering method a...

AI Technical Summary

Problems solved by technology

[0003] Different mobile terminals often correspond to different screen sizes. When displaying the page content in the target page, for a terminal with a wide screen size, the content may not fill the display screen. For a terminal with a small and narrow screen size, There will also be a situation where all the content cannot be displayed on one screen. You need to slide the horizontal scroll bar of the page to see other content that is not displayed on the screen

resulting in poor page display

Images