CN111258582A - Window rendering method and device, computer equipment and storage medium - Google Patents
Window rendering method and device, computer equipment and storage medium Download PDFInfo
- Publication number
- CN111258582A CN111258582A CN202010084037.2A CN202010084037A CN111258582A CN 111258582 A CN111258582 A CN 111258582A CN 202010084037 A CN202010084037 A CN 202010084037A CN 111258582 A CN111258582 A CN 111258582A
- Authority
- CN
- China
- Prior art keywords
- size
- window
- page
- target
- determining
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The embodiment of the disclosure discloses a window rendering method, a window rendering device, computer equipment and a storage medium. The window rendering method comprises the following steps: determining a reference page size, a reference window size and a target page size of a target page; determining the target window size of a target window in the target page according to the reference page size, the reference window size and the target page size; and rendering the target window according to the size of the target window and the reference window page corresponding to the reference window. The technical scheme of the embodiment of the disclosure overcomes the problem that the popup content may be displayed incompletely due to rendering the popup according to the read independent size of the device, and renders the popup page by using the popup size, so that the page rendered through the popup is matched with the popup size.
Description
Technical Field
The embodiment of the disclosure relates to the technical field of window rendering, and in particular, to a window rendering method and apparatus, a computing node device, and a storage medium.
Background
In many applications of a mobile terminal, a popup is developed to display a page, and generally, the page size of the popup is not consistent with the page size of the mobile terminal, and the page size of the popup is generally smaller than the page size of the mobile terminal.
When the existing pop-up window in the page is rendered by using the original design draft, the pop-up window can be rendered according to the independent size of the equipment read in the pop-up window, and the rendered picture size is the same as the page size of the mobile terminal. Because the size of the pop-up page is smaller than that of the page of the mobile terminal, when the page content is more, the problem that the page content displayed by the pop-up window is not complete may occur.
Disclosure of Invention
The present disclosure provides a window rendering method, apparatus, computer device, and storage medium, which enable a page rendered through a popup to match a popup size.
In a first aspect, an embodiment of the present disclosure provides a window rendering method, where the method includes:
determining a reference page size, a reference window size and a target page size of a target page;
determining the target window size of a target window in a target page according to the reference page size, the reference window size and the target page size;
and rendering the target window according to the size of the target window and a reference window page corresponding to the reference window.
In a second aspect, an embodiment of the present disclosure further provides a window rendering apparatus, where the apparatus includes:
the target page size determining module is used for determining the reference page size, the reference window size and the target page size of the target page;
the target window size determining module is used for determining the target window size of a target window in a target page according to the reference page size, the reference window size and the target page size;
and the rendering module is used for rendering the target window according to the size of the target window and the reference window page corresponding to the reference window.
In a third aspect, an embodiment of the present disclosure further provides a computer device, including:
one or more processing devices;
storage means for storing one or more programs;
when the one or more programs are executed by the one or more processing devices, the one or more processing devices are caused to implement the window rendering method according to any embodiment of the present disclosure.
In a fourth aspect, the embodiments of the present disclosure further provide a computer-readable storage medium, on which a computer program is stored, where the computer program, when executed by a processor, implements the window rendering method according to any embodiment of the present disclosure.
The method comprises the steps of determining a reference page size, a reference window size and a target page size of a target page; determining the target window size of a target window in the target page according to the reference page size, the reference window size and the target page size; the target window is rendered according to the size of the target window and the reference window page corresponding to the reference window, the problem that the popup content is possibly displayed incompletely due to rendering of the popup window according to the read independent size of the equipment is solved, and the popup window page is rendered according to the size of the popup window, so that the page rendered through the popup window is matched with the size of the popup window.
Drawings
The above and other features, advantages and aspects of various embodiments of the present disclosure will become more apparent by referring to the following detailed description when taken in conjunction with the accompanying drawings. Throughout the drawings, the same or similar reference numbers refer to the same or similar elements. It should be understood that the drawings are schematic and that elements and features are not necessarily drawn to scale.
Fig. 1 is a flowchart of a window rendering method according to an embodiment of the present disclosure;
fig. 2 is a flowchart of a window rendering method according to a second embodiment of the disclosure;
fig. 3 is a flowchart of a window rendering method according to a third embodiment of the present disclosure;
fig. 4 is a flowchart of a window rendering method according to a fourth embodiment of the disclosure;
fig. 5 is a schematic structural diagram of a window rendering apparatus according to a fifth embodiment of the present disclosure;
fig. 6 is a schematic structural diagram of a computer device according to a sixth embodiment of the present disclosure.
Detailed Description
Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While certain embodiments of the present disclosure are shown in the drawings, it is to be understood that the present disclosure may be embodied in various forms and should not be construed as limited to the embodiments set forth herein, but rather are provided for a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the disclosure are for illustration purposes only and are not intended to limit the scope of the disclosure.
It should be understood that the various steps recited in the method embodiments of the present disclosure may be performed in a different order, and/or performed in parallel. Moreover, method embodiments may include additional steps and/or omit performing the illustrated steps. The scope of the present disclosure is not limited in this respect.
The term "include" and variations thereof as used herein are open-ended, i.e., "including but not limited to". The term "based on" is "based, at least in part, on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". Relevant definitions for other terms will be given in the following description.
It should be noted that the terms "first", "second", and the like in the present disclosure are only used for distinguishing different devices, modules or units, and are not used for limiting the order or interdependence relationship of the functions performed by the devices, modules or units.
It is noted that references to "a", "an", and "the" modifications in this disclosure are intended to be illustrative rather than limiting, and that those skilled in the art will recognize that "one or more" may be used unless the context clearly dictates otherwise.
The names of messages or information exchanged between devices in the embodiments of the present disclosure are for illustrative purposes only, and are not intended to limit the scope of the messages or information.
Example one
Fig. 1 is a flowchart of a window rendering method according to an embodiment of the present disclosure. The embodiment is applicable to the case that a window pops up in a page, and the method can be executed by a window rendering device, which can be implemented in a software and/or hardware manner, and can be configured in a computer device. As shown in fig. 1, the method may include the steps of:
s110, determining a reference page size, a reference window size and a target page size of a target page.
The page in this embodiment may be preferably an H5 page to be displayed in the mobile terminal, and the H5 page is a page complying with the Html5 standard specification, wherein the mobile terminal may be preferably a mobile phone, a tablet computer, or the like. The dimensions in this embodiment may be width and/or height, where both width and height may be represented by the number of device independent pixels or the number of physical pixels. For example, the reference page size may include a reference page width and/or a reference page height, the reference window size may include a reference window width and/or a reference window height, and the target page size may include a target page width and/or a target page height.
Before the target page is rendered, a reference page size is generally selected as a standard size in advance, a page primary draft to be rendered is designed based on the standard size, and the target page is rendered by using the page primary draft and a proportional relation between the reference page size and the target page size. The target page may be a page displayed in the target mobile terminal and having a size corresponding to the size of the screen of the mobile terminal, the target page size may be the size of the screen of the target mobile terminal, the reference page size may be a size of a preselected mobile terminal screen, and the page initial draft may be a page having the reference page size as a design size. Illustratively, the target page is a page displayed in the target mobile phone and having a size equivalent to a target mobile phone screen, the target page size may be a device independent pixel 400px of the target page in the width direction, the reference page size may be a device independent pixel 375px of the first mobile phone screen in the width direction that is selected in advance, a size corresponding to the page initial draft is the device independent pixel 375px, and according to a proportional relationship between the reference page size and the target page size, the target page is rendered after the page initial draft is proportionally enlarged 400/375 to 1.1 times, so as to obtain the target page matched with the target mobile phone screen size. The content displayed in the target page is the same as the content in the page initial draft, and the display proportion is different.
In addition, there is also a case where a target window (i.e., a popup window) is set in the target page and the target window is rendered. Before rendering the target window in the target page, it is preferable to design a reference window manuscript to be rendered (i.e., a reference window page in this embodiment) based on a standard size (reference page size), and render the target page by using the reference window manuscript and a proportional relationship between the reference window size and size data read in the target window. It should be noted that the size ratio of the reference window in the reference page is equal to the size ratio of the target window in the target page. The reference window initial draft is preferably a page which is designed by taking the size of a reference page as a size standard and has the same size as the size of the reference window, the reference window may be a popup window in a preset reference page, and the size of the reference window is the size of the popup window. Illustratively, the reference window occupies 1/5 of the width of the reference window, the reference page size may be device independent pixels 375px of the preselected first mobile phone screen in the width direction, the reference window size is device independent pixels 75px of the preselected reference window in the width direction, the size corresponding to the initial draft of the reference window is the device independent pixels 75px, the target page size may be device independent pixels 400px of the target page in the width direction, and the size data read in the target window is also device independent pixels 400 px. At this time, if the target page is rendered according to the proportional relation between the size (75) of the reference window and the size data (400) read in the target window, the obtained page is a page matched with the size of the target mobile phone screen, and the size of the page is larger than that of the target window in the target page, so that the content in the page cannot be completely displayed in the target window.
Based on the above situation, in this embodiment, before the target window is rendered, the target window size may preferably be determined according to the reference page size, the reference window size, and the corresponding proportional relationship between the target page size and the target window size.
Preferably, the reference page size may be predetermined. The reference window size may be preset and determined according to actual needs, or may be a predetermined reference window page (i.e., the reference window page is the above-mentioned reference window manuscript), and is determined by determining the size of the reference window page, specifically, determining the reference window size may include: and determining the reference window page size of the reference window page, and taking the reference window page size as the reference window size. The target page size may be determined by the type of the target terminal, and specifically, determining the target page size of the target page may include: determining the terminal screen physical pixel number of the terminal where the target page is located according to the operating system and the model of the terminal, taking the terminal screen physical pixel number as the target page size, and determining the target page size of the target page may further include: and determining the number of independent pixels of the terminal screen equipment of the terminal where the target page is located according to the operating system and the model of the terminal, and taking the number of the independent pixels of the terminal screen equipment as the size of the target page.
And S120, determining the target window size of the target window in the target page according to the reference page size, the reference window size and the target page size.
In this embodiment, the target window size may be preferably determined according to a corresponding proportional relationship "reference window size/reference page size ═ target window size/target page size" between the reference page size, the reference window size, and the target page size, and the target window size may be preferably determined according to a proportional relationship "reference window size/target window size ═ reference page size/target page size", and the proportional relationship may be an equivalent deformation of the above proportional relationship. Here, the above-mentioned size may refer to a width, a length, or a height, and in the same proportional relationship, the content of the size is the same, that is, the corresponding proportional relationship between the reference page size, the reference window size, the target page size, and the target window size may be "the reference window width/the reference page width is equal to the target window width/the target page width", or "the reference window height/the reference page height is equal to the target window height/the target page height".
For example, if the reference page size is a reference page width, the reference window size is a reference window width, and the target page size is a target page width, then according to a proportional relationship "reference window width/reference page width equals target window width/target page width", and target window width equals (reference window width × target page width)/reference page width. If the reference page size is the reference page height, the reference window size is the reference window height, and the target page size is the target page height, then the target page height is known according to the proportional relationship "reference window height/reference page height ═ target window height/target page height", and the target window height ═ target window height × target page height/reference page height. It is understood that the target window size may also be calculated from the proportional relationship of other equivalent variations.
For example, the reference page width is the device independent pixel 375px, the reference window width is the device independent pixel 75px, and the target page width is the device independent pixel 400px, then according to the proportional relationship, "reference window width/reference page width equals target window width/target page width", and target window width equals (75 × 400)/375 equals 80 px. If the reference page height is the device independent pixel 667px, the reference window height is the device independent pixel 134px, and the target page height is the device independent pixel 640px, then the target window height is (134 × 640)/667 is 129px, as can be known from the proportional relationship "reference window height/reference page height ═ target window height/target page height".
And S130, rendering the target window according to the size of the target window and the reference window page corresponding to the reference window.
In this embodiment, it is preferable to render the reference window page into a page having a size equal to the size of the target window according to the size of the target window.
Here, it should be noted that, regardless of whether the unit of the determined target window size is a device-independent pixel or a physical pixel, the unit of the target window size needs to be converted into a physical pixel when rendering is performed. Illustratively, if the target page of the target terminal corresponds to a screen 2 times as large as the screen, the target window width is 80 × 2, 160 physical pixels.
In the window rendering method provided by this embodiment, a reference page size, a reference window size, and a target page size of a target page are determined; determining the target window size of a target window in the target page according to the reference page size, the reference window size and the target page size; the target window is rendered according to the size of the target window and the reference window page corresponding to the reference window, the problem that the popup content is possibly displayed incompletely due to rendering of the popup window according to the read independent size of the equipment is solved, and the popup window page is rendered according to the size of the popup window, so that the page rendered through the popup window is matched with the size of the popup window.
Example two
Fig. 2 is a flowchart of a window rendering method according to a second embodiment of the disclosure. In this embodiment, the determining the target window size of the target window in the target page according to the reference page size, the reference window size, and the target page size may be combined with each alternative in one or more of the above embodiments, where the determining the target window size of the target window in the target page includes: determining a window size ratio between the reference window size and the reference page size; and determining the size of the target window according to the ratio of the size of the target page to the size of the window.
As shown in fig. 2, the method may include the steps of:
s210, determining a reference page size, a reference window size and a target page size of a target page.
And S220, determining the window size ratio between the reference window size and the reference page size.
In this embodiment, preferably, the corresponding proportional relationship between the reference page size, the reference window size, the target page size, and the target window size is "reference window size/reference page size ═ target window size/target page size", and then a ratio between the reference window size and the reference page size may be calculated as a window size ratio of the target window in the target page.
Preferably, determining the window size ratio between the reference window size and the reference page size may include: and calculating the ratio of the width of the reference window to the width of the reference page, and taking the ratio as the window size ratio. Preferably, calculating the ratio between the reference window width and the reference page width may include: calculating the ratio of the number of the device independent pixels of the reference window to the device independent pixels of the reference page; alternatively, the ratio between the number of physical pixels of the reference window and the number of physical pixels of the reference page is calculated. And/or determining a window size ratio between the reference window size and the reference page size may include: and calculating the ratio of the height of the reference window to the height of the reference page, and taking the ratio as the ratio of the window size. Preferably, calculating the ratio between the height of the reference window and the height of the reference page may include: calculating the ratio of the number of the device independent pixels of the reference window to the device independent pixels of the reference page; alternatively, the ratio between the number of physical pixels of the reference window and the number of physical pixels of the reference page is calculated.
Illustratively, the reference page width is the device independent pixel 375px, the reference window width is the device independent pixel 75px, and the window size ratio is 75/375 1/5. The reference page width is 750px, the reference window width is 150px, and the window size ratio is 150/750 1/5.
And S230, determining the size of the target window according to the ratio of the size of the target page to the size of the window.
Preferably, the target window width may be determined according to the target page width and window size ratio, and/or the target window height may be determined according to the target page height and window size ratio.
Illustratively, the target page width is 400px of device independent pixels, and the target window width is 400 × 1/5 80 px. The target page width is 800px, and the target window width is 800 × 1/5 — 160 px.
And S240, rendering the target window according to the size of the target window and the reference window page corresponding to the reference window.
In the window rendering method provided by this embodiment, a reference page size, a reference window size, and a target page size of a target page are determined; determining a window size ratio between the reference window size and the reference page size; determining the size of a target window according to the ratio of the size of the target page to the size of the window; the method comprises the steps of rendering a target window according to the size of the target window and a reference window page corresponding to the reference window, overcoming the problem that the popup content is possibly displayed incompletely due to rendering of the popup according to the read independent size of equipment, determining the size of the target popup through the popup occupation ratio of a preset reference popup in a preset reference page, and rendering the target popup page by using the size of the target popup, so that the page rendered through the popup is matched with the size of the popup.
EXAMPLE III
Fig. 3 is a flowchart of a window rendering method according to a third embodiment of the present disclosure. In this embodiment, the determining the target window size of the target window in the target page according to the reference page size, the reference window size, and the target page size may be combined with each alternative in one or more of the above embodiments, where the determining the target window size of the target window in the target page includes:
determining the page Rem size according to the reference page size, and determining the window Rem size according to the reference window size;
and determining the size of the target window according to the size of the target page, the size of the page Rem and the size of the window Rem.
And determining the page Rem size according to the reference page size, and determining the window Rem size according to the reference window size, including:
determining the Rem size of the page according to the reference root element and the reference page size;
and determining the Rem size of the window according to the reference root element and the reference window size.
And determining the target window size according to the target page size, the page Rem size and the window Rem size, including:
determining a target root element according to the target page size and the page Rem size;
and determining the size of a target window according to the target root element and the size of the window Rem.
As shown in fig. 3, the method may include the steps of:
s310, determining a reference page size, a reference window size and a target page size of a target page.
S320, determining the page Rem size according to the reference page size, and determining the window Rem size according to the reference window size.
Rem, which is called the font size of the root element in its entirety, is a unit of size relative to the root element, which is a relative unit. The page Rem size is the page size relative to the page root element, and the window Rem size is the window size relative to the page root element. The page root element is the number of page pixels corresponding to one relative unit Rem, wherein the number of page pixels can be the number of page physical pixels or the number of independent pixels of page equipment. The page root element can be preset according to actual needs in the process of creating the page. Illustratively, the page width corresponds to 500px of pixels, the page root element is 20px, and the page Rem size of the page is 500/20-25 Rem.
Preferably, determining the page Rem size according to the reference page size and determining the window Rem size according to the reference window size includes:
determining the Rem size of the page according to the reference root element and the reference page size;
and determining the Rem size of the window according to the reference root element and the reference window size.
In this embodiment, a reference root element corresponding to the reference page may be preset, and the reference page size (width or height) is averagely divided into N parts by using the reference root element as an average step length, where N is a page Rem size corresponding to the reference page size, and similarly, the reference window size (width or height) is averagely divided into M parts by using the reference root element as an average step length, where M is a window Rem size corresponding to the reference window size
Illustratively, the reference page width is the device independent pixel 375px, the reference window width is the device independent pixel 75px, and the reference root element is 15px, then the page Rem size N corresponding to the reference page width is 375/15-25 Rem, and the window Rem size M corresponding to the reference window width is 75/15-5 Rem.
S330, determining the size of the target window according to the size of the target page, the size of the page Rem and the size of the window Rem.
In this embodiment, the page Rem size corresponding to the reference window is equal to the page Rem size corresponding to the target page, and the window Rem size corresponding to the reference window is equal to the window Rem size corresponding to the target page. And after the size of the target page, the size of the page Rem corresponding to the target page and the size of the window Rem corresponding to the target window are known, determining the size of the target window according to the corresponding proportional relation. For example, the corresponding proportional relationship may be a target page size/a page Rem size corresponding to the target page, which is equal to the target window size/the window Rem size, and the corresponding proportional relationship may also be a variation of the foregoing proportional relationship.
Preferably, determining the target window size according to the target page size, the page Rem size, and the window Rem size includes:
determining a target root element according to the target page size and the page Rem size;
and determining the size of the target window according to the target root element and the size of the window Rem.
Illustratively, the page Rem size N is 25Rem, the window Rem size M is 5Rem, the target page width is 400px, and then the target root element is 400/25 px, and correspondingly, the target window size is 16 × 5px, 80 device independent pixels.
And S340, rendering the target window according to the size of the target window and the reference window page corresponding to the reference window.
In the window rendering method provided by this embodiment, a reference page size, a reference window size, and a target page size of a target page are determined; determining the page Rem size according to the reference page size, and determining the window Rem size according to the reference window size; determining the size of a target window according to the size of the target page, the size of a page Rem and the size of a window Rem; the method comprises the steps of rendering a target window according to the size of the target window and a reference window page corresponding to the reference window, overcoming the problem that the popup content is possibly displayed incompletely because the popup is rendered according to the read independent size of equipment in the prior art, determining the size of the target popup by introducing the Rem size, and rendering the target popup page by using the size of the target popup so that the page rendered through the popup is matched with the size of the popup.
Example four
Fig. 4 is a flowchart of a window rendering method according to a fourth embodiment of the present disclosure. This embodiment may be combined with each optional solution in one or more of the foregoing embodiments, and in this embodiment, after the determining a window size ratio between the reference window size and the reference page size, the method further includes: determining a window Rem size corresponding to the reference window size according to the ratio of the reference root element to the window size; correspondingly, the determining the target window size according to the ratio of the target page size to the window size includes: determining the page Rem size corresponding to the target page size according to the window Rem size and the window size ratio; determining a target page root element according to the target page size and the page Rem size; and determining the size of the target window according to the root element of the target page and the size of the window Rem.
As shown in fig. 4, the method may include the steps of:
s410, determining a reference page size, a reference window size and a target page size of a target page.
And S420, determining the window size ratio between the reference window size and the reference page size.
And S430, determining the Rem size of the window corresponding to the reference window size according to the ratio of the reference root element to the window size.
The reference root element is the number of page pixels corresponding to one relative length unit Rem, wherein the number of page pixels may be the number of page physical pixels or the number of independent pixels of a page device. The reference root element can be set according to actual requirements. In this embodiment, the reference root element is used as an average division step size, and the reference page size (width or height) is divided into N equal parts, where N is the page Rem size corresponding to the reference page size, and the window Rem size M corresponding to the reference window is N × X, as can be known from the window size ratio X.
Illustratively, the reference page width is the device independent pixel 375px, the reference root element is 15px, the page Rem size N corresponding to the reference page width is 375/15-25 Rem, the window size ratio X is 1/5, and the window Rem size M corresponding to the reference window width is 25 × (1/5) -5 Rem.
S440, determining the page Rem size corresponding to the target page size according to the window Rem size and the window size ratio.
Preferably, the page Rem size Z corresponding to the target page size may be determined as Y/X by using the window Rem size Y corresponding to the target window and the window size ratio X.
Illustratively, the window Rem size Y corresponding to the target window width is 5Rem, the window size ratio X is 1/5, and the page Rem size Z corresponding to the target page width is 5/(1/5) 25 Rem.
Here, the page Rem size corresponding to the target page width is the same as the page Rem size corresponding to the reference page width. Preferably, after the page Rem size corresponding to the reference page width is determined, the page Rem size corresponding to the target page width can be directly determined.
S450, determining a target root element according to the target page size and the page Rem size.
Illustratively, the target page width corresponds to a page Rem size Z of 25Rem, and the target page width is the device independent pixel 400, and then the target root element is 400/25 or 16 px.
And S460, determining the size of the target window according to the target root element and the size of the window Rem.
And determining the size of the target window according to the target root element and the size Y of the window Rem corresponding to the target window.
Illustratively, the target root element is 16px, the window Rem size Y corresponding to the target window is 5Rem, and the target window width is 16 × 5 or 80 device-independent pixels. If the screen of the target mobile phone is 2 times, the target window width is 80 × 2 — 160 physical pixels.
And S470, rendering the target window according to the size of the target window and the reference window page corresponding to the reference window.
In the window rendering method provided by this embodiment, a reference page size, a reference window size, and a target page size of a target page are determined; determining a window size ratio between the reference window size and the reference page size; determining a window Rem size corresponding to the reference window size according to the ratio of the reference root element to the window size; determining the page Rem size corresponding to the target page size according to the window Rem size and the window size ratio; determining a target root element according to the target page size and the page Rem size; determining the size of a target window according to the target root element and the size of the window Rem; the method comprises the steps of rendering a target window according to the size of the target window and a reference window page corresponding to the reference window, overcoming the problem that the popup content is possibly displayed incompletely due to rendering of the popup according to the read independent size of equipment, determining the size of the target popup through the popup occupation ratio of a preset reference popup in a preset reference page, and rendering the target popup page by using the size of the target popup, so that the page rendered through the popup is always matched with the size of the popup.
EXAMPLE five
Fig. 5 is a schematic structural diagram of a window rendering apparatus according to a fifth embodiment of the present disclosure. The embodiment can be suitable for the condition that the window pops out in the page. The apparatus can be implemented in software and/or hardware, and the apparatus can be configured in a computer device. As shown in fig. 5, the apparatus may include:
a target page size determination module 510, configured to determine a reference page size, a reference window size, and a target page size of a target page;
a target window size determining module 520, configured to determine a target window size of a target window in a target page according to the reference page size, the reference window size, and the target page size;
and a rendering module 530, configured to render the target window according to the size of the target window and the reference window page corresponding to the reference window.
In the window rendering apparatus provided in this embodiment, a size determination module determines a reference page size, a reference window size, and a target page size of a target page; determining the target window size of a target window in a target page through a target window size determination module according to the reference page size, the reference window size and the target page size; the target window is rendered through the rendering module according to the size of the target window and the size of the reference window page corresponding to the reference window, the problem that the popup content is possibly displayed incompletely due to the fact that the popup is rendered according to the read independent size of the equipment is solved, and the popup window page is rendered through the size of the popup window, so that the page rendered through the popup window is matched with the size of the popup window.
On the basis of the foregoing technical solution, further, the target window size determining module 520 may specifically include:
a window size ratio determination unit for determining a window size ratio between a reference window size and a reference page size;
and the target window size determining unit is used for determining the size of the target window according to the ratio of the size of the target page to the size of the window.
On the basis of the above technical solution, further, the window size ratio determining unit may be specifically configured to:
calculating the ratio of the width of the reference window to the width of the reference page, and taking the ratio as the ratio of the window size;
the target window size determining unit may specifically be configured to:
and determining the width of the target window according to the ratio of the width of the target page to the size of the window.
On the basis of the foregoing technical solution, further, the window size ratio determining unit may specifically include:
the independent pixel ratio value operator unit is used for calculating the ratio between the number of the equipment independent pixels of the reference window and the equipment independent pixels of the reference page;
or, the physical pixel ratio value operator unit is used for calculating the ratio between the physical pixel number of the reference window and the physical pixel number of the reference page.
Based on the foregoing technical solution, further, the target page size determining module 510 may specifically include:
and the reference window size determining unit is used for determining the reference window page size of the reference window page and taking the reference window page size as the reference window size.
On the basis of the foregoing technical solution, further, the target page size determining module 510 may further include:
and the target page size determining unit is used for determining the terminal screen physical pixel number of the terminal where the target page is located according to the operating system and the model of the terminal, and taking the terminal screen physical pixel number as the target page size.
On the basis of the above technical solution, further, the window rendering apparatus further includes a reference Rem size determining module, configured to determine, after determining a window size ratio between a reference window size and a reference page size, a reference Rem size corresponding to the reference window size according to a reference root element and the window size ratio;
the target window size determining unit may specifically be configured to:
determining a target page Rem size corresponding to the target page size according to the ratio of the reference Rem size to the window size;
determining a target page root element according to the target page size and the target page Rem size;
and determining the size of the target window according to the root element of the target page and the size of the reference Rem.
The window rendering device provided by the embodiment of the disclosure can execute the window rendering method provided by the embodiment of the disclosure, and has corresponding functional modules and beneficial effects of the execution method.
EXAMPLE six
Referring now to FIG. 6, shown is a schematic block diagram of a computer device 600 suitable for use in implementing embodiments of the present disclosure. The computer device in the embodiments of the present disclosure may include, but is not limited to, devices such as a mobile phone, a notebook computer, a digital broadcast receiver, a PDA (personal digital assistant), a PAD (tablet), a PMP (portable multimedia player), a vehicle terminal (e.g., a car navigation terminal), and the like. The computer device shown in fig. 6 is only an example and should not bring any limitation to the function and scope of use of the embodiments of the present disclosure.
As shown in fig. 6, the computer apparatus 600 may include a processing device (e.g., a central processing unit, a graphics processor, etc.) 601, which may perform various appropriate actions and processes according to a program stored in a Read Only Memory (ROM)602 or a program loaded from a storage device 606 into a Random Access Memory (RAM) 603. In the RAM 603, various programs and data necessary for the operation of the computer apparatus 600 are also stored. The processing device 601, the ROM 602, and the RAM 603 are connected to each other via a bus 604. An input/output (I/O) interface 605 is also connected to bus 604.
Generally, the following devices may be connected to the I/O interface 605: input devices 606 including, for example, a touch screen, touch pad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; output devices 607 including, for example, a Liquid Crystal Display (LCD), a speaker, a vibrator, and the like; storage 606 including, for example, magnetic tape, hard disk, etc.; and a communication device 609. The communication means 609 may allow the computer device 600 to communicate with other devices wirelessly or by wire to exchange data. While fig. 6 illustrates a computer device 600 having various means, it is to be understood that not all illustrated means are required to be implemented or provided. More or fewer devices may alternatively be implemented or provided.
In particular, according to an embodiment of the present disclosure, the processes described above with reference to the flowcharts may be implemented as computer software programs. For example, embodiments of the present disclosure include a computer program product comprising a computer program carried on a non-transitory computer readable medium, the computer program containing program code for performing the method illustrated by the flow chart. In such embodiments, the computer program may be downloaded and installed from a network through the communication device 609, or installed from the storage device 606, or installed from the ROM 602. The computer program, when executed by the processing device 601, performs the above-described functions defined in the methods of the embodiments of the present disclosure.
It should be noted that the computer readable medium in the present disclosure can be a computer readable signal medium or a computer readable storage medium or any combination of the two. A computer readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the foregoing. More specific examples of the computer readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In the present disclosure, a computer readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. In contrast, in the present disclosure, a computer readable signal medium may comprise a propagated data signal with computer readable program code embodied therein, either in baseband or as part of a carrier wave. Such a propagated data signal may take many forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. A computer readable signal medium may also be any computer readable medium that is not a computer readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device. Program code embodied on a computer readable medium may be transmitted using any appropriate medium, including but not limited to: electrical wires, optical cables, RF (radio frequency), etc., or any suitable combination of the foregoing.
In some embodiments, the clients, servers may communicate using any currently known or future developed network protocol, such as HTTP (HyperText transfer protocol), and may be interconnected with any form or medium of digital data communication (e.g., a communications network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), the Internet (e.g., the Internet), and peer-to-peer networks (e.g., ad hoc peer-to-peer networks), as well as any currently known or future developed network.
The computer readable medium may be embodied in the computer device; or may exist separately and not be incorporated into the computer device.
The computer readable medium carries one or more programs which, when executed by the computing device, cause the computing device to: determining a reference page size, a reference window size and a target page size of a target page; determining the target window size of a target window in the target page according to the reference page size, the reference window size and the target page size; and rendering the target window according to the size of the target window and the reference window page corresponding to the reference window.
Computer program code for carrying out operations for the present disclosure may be written in any combination of one or more programming languages, including but not limited to an object oriented programming language such as Java, Smalltalk, C + +, and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any type of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or the connection may be made to an external computer (for example, through the Internet using an Internet service provider).
The flowchart and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of methods, apparatus, computer devices, and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.
The modules, units and sub-units described in the embodiments of the present disclosure may be implemented by software, or may be implemented by hardware. For example, the rendering module may be further described as a "module for rendering a target window according to a target window size and a reference window page corresponding to the reference window", and the target window size determination unit may be further described as a "unit for determining a target window size according to a ratio of the target window size and the window size".
The functions described herein above may be performed, at least in part, by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: field Programmable Gate Arrays (FPGAs), Application Specific Integrated Circuits (ASICs), Application Specific Standard Products (ASSPs), systems on a chip (SOCs), Complex Programmable Logic Devices (CPLDs), and the like.
In the context of this disclosure, a machine-readable medium may be a tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. The machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination of the foregoing. More specific examples of a machine-readable storage medium would include an electrical connection based on one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.
In one aspect, an embodiment of the present disclosure provides a window rendering method, including:
determining a reference page size, a reference window size and a target page size of a target page;
determining the target window size of a target window in the target page according to the reference page size, the reference window size and the target page size;
and rendering the target window according to the size of the target window and the reference window page corresponding to the reference window.
In some embodiments, determining a target window size of a target window in the target page based on the reference page size, the reference window size, and the target page size comprises:
determining a window size ratio between the reference window size and the reference page size;
and determining the size of the target window according to the ratio of the size of the target page to the size of the window.
In some embodiments, determining a window size ratio between a reference window size and a reference page size comprises:
calculating the ratio of the width of the reference window to the width of the reference page, and taking the ratio as the ratio of the window size;
correspondingly, determining the size of the target window according to the ratio of the size of the target page to the size of the window comprises the following steps:
and determining the width of the target window according to the ratio of the width of the target page to the size of the window.
In some embodiments, calculating the ratio between the reference window width and the reference page width comprises:
calculating the ratio of the number of the device independent pixels of the reference window to the device independent pixels of the reference page;
alternatively, the ratio between the number of physical pixels of the reference window and the number of physical pixels of the reference page is calculated.
In some embodiments, the determining a target window size of a target window in a target page according to the reference page size, the reference window size, and the target page size includes:
determining the page Rem size according to the reference page size, and determining the window Rem size according to the reference window size;
and determining the size of the target window according to the size of the target page, the size of the page Rem and the size of the window Rem.
In some embodiments, said determining a page Rem size from said reference page size, determining a window Rem size from said reference window size, comprises:
determining the Rem size of the page according to the reference root element and the reference page size;
and determining the Rem size of the window according to the reference root element and the reference window size.
In some embodiments, said determining said target window size from said target page size, said page Rem size, and said window Rem size comprises:
determining a target root element according to the target page size and the page Rem size;
and determining the size of a target window according to the target root element and the size of the window Rem.
In some embodiments, determining a reference window size comprises:
and determining the reference window page size of the reference window page, and taking the reference window page size as the reference window size.
In some embodiments, determining a target page size for the target page comprises:
and determining the terminal screen physical pixel number of the terminal where the target page is located according to the operating system and the model of the terminal, and taking the terminal screen physical pixel number as the size of the target page.
In some embodiments, after determining the window size ratio between the reference window size and the reference page size, further comprising:
determining a window Rem size corresponding to the reference window size according to the ratio of the reference root element to the window size;
correspondingly, determining the size of the target window according to the ratio of the size of the target page to the size of the window comprises the following steps:
determining the page Rem size corresponding to the target page size according to the window Rem size and the window size ratio;
determining a target root element according to the target page size and the page Rem size;
and determining the size of the target window according to the target root element and the size of the window Rem.
In another aspect, an embodiment of the present disclosure further provides a window rendering apparatus, including:
the target page size determining module is used for determining the reference page size, the reference window size and the target page size of the target page;
the target window size determining module is used for determining the target window size of a target window in the target page according to the reference page size, the reference window size and the target page size;
and the rendering module is used for rendering the target window according to the size of the target window and the reference window page corresponding to the reference window.
In another aspect, an embodiment of the present disclosure further provides a mobile terminal, including:
one or more processing devices;
storage means for storing one or more programs;
when the one or more programs are executed by the one or more processing devices, the one or more processing devices are caused to implement the window rendering method of any of the above examples.
In another aspect, the disclosed embodiments also provide a computer-readable storage medium on which a computer program is stored, the computer program, when executed by a processor, implementing the window rendering method of any one of the above examples.
The foregoing description is only exemplary of the preferred embodiments of the disclosure and is illustrative of the principles of the technology employed. It will be appreciated by those skilled in the art that the scope of the disclosure herein is not limited to the particular combination of features described above, but also encompasses other embodiments in which any combination of the features described above or their equivalents does not depart from the spirit of the disclosure. For example, the above features and (but not limited to) the features disclosed in this disclosure having similar functions are replaced with each other to form the technical solution.
Further, while operations are depicted in a particular order, this should not be understood as requiring that such operations be performed in the particular order shown or in sequential order. Under certain circumstances, multitasking and parallel processing may be advantageous. Likewise, while several specific implementation details are included in the above discussion, these should not be construed as limitations on the scope of the disclosure. Certain features that are described in the context of separate embodiments can also be implemented in combination in a single embodiment. Conversely, various features that are described in the context of a single embodiment can also be implemented in multiple embodiments separately or in any suitable subcombination.
Although the subject matter has been described in language specific to structural features and/or methodological acts, it is to be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or acts described above. Rather, the specific features and acts described above are disclosed as example forms of implementing the claims.
Claims (13)
1. A method of window rendering, comprising:
determining a reference page size, a reference window size and a target page size of a target page;
determining the target window size of a target window in a target page according to the reference page size, the reference window size and the target page size;
and rendering the target window according to the size of the target window and a reference window page corresponding to the reference window.
2. The method of claim 1, wherein determining the target window size of the target window in the target page based on the reference page size, the reference window size, and the target page size comprises:
determining a window size ratio between the reference window size and the reference page size;
and determining the size of the target window according to the ratio of the size of the target page to the size of the window.
3. The method of claim 2, wherein determining a window size ratio between the reference window size and the reference page size comprises:
calculating the ratio of the width of a reference window to the width of a reference page, and taking the ratio as the ratio of the window size;
correspondingly, determining the target window size according to the ratio of the target page size to the window size comprises:
and determining the width of the target window according to the ratio of the width of the target page to the size of the window.
4. The method of claim 3, wherein calculating the ratio between the reference window width and the reference page width comprises:
calculating a ratio between the number of device independent pixels of the reference window and the device independent pixels of the reference page;
or, calculating the ratio between the number of physical pixels of the reference window and the number of physical pixels of the reference page.
5. The method of claim 1, wherein determining the target window size of the target window in the target page based on the reference page size, the reference window size, and the target page size comprises:
determining the page Rem size according to the reference page size, and determining the window Rem size according to the reference window size;
and determining the size of the target window according to the size of the target page, the size of the page Rem and the size of the window Rem.
6. The method of claim 5, wherein said determining a page Rem size from said reference page size and a window Rem size from said reference window size comprises:
determining the Rem size of the page according to the reference root element and the reference page size;
and determining the Rem size of the window according to the reference root element and the reference window size.
7. The method of claim 6, wherein said determining the target window size based on the target page size, the page Rem size, and the window Rem size comprises:
determining a target root element according to the target page size and the page Rem size;
and determining the size of a target window according to the target root element and the size of the window Rem.
8. The method of any of claims 1-7, wherein determining a reference window size comprises:
and determining the page size of the reference window page, and taking the page size of the reference window as the size of the reference window.
9. The method of any of claims 1-7, wherein determining a target page size for the target page comprises:
and determining the terminal screen physical pixel number of the terminal where the target page is located according to the operating system and the model of the terminal, and taking the terminal screen physical pixel number as the size of the target page.
10. The method according to any of claims 2-4, further comprising, after said determining a window size ratio between said reference window size and said reference page size:
determining a window Rem size corresponding to the reference window size according to the ratio of the reference root element to the window size;
correspondingly, the determining the target window size according to the ratio of the target page size to the window size includes:
determining the page Rem size corresponding to the target page size according to the window Rem size and the window size ratio;
determining a target root element according to the target page size and the page Rem size;
and determining the size of the target window according to the target root element and the size of the window Rem.
11. A window rendering apparatus, comprising:
the target page size determining module is used for determining the reference page size, the reference window size and the target page size of the target page;
the target window size determining module is used for determining the target window size of a target window in a target page according to the reference page size, the reference window size and the target page size;
and the rendering module is used for rendering the target window according to the size of the target window and the reference window page corresponding to the reference window.
12. A computer device, characterized in that the computer device comprises:
one or more processing devices;
storage means for storing one or more programs;
when executed by the one or more processing devices, cause the one or more processing devices to implement the window rendering method of any of claims 1-10.
13. A computer-readable storage medium, on which a computer program is stored, which, when being executed by a processor, carries out the window rendering method according to any one of claims 1 to 10.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010084037.2A CN111258582B (en) | 2020-02-10 | 2020-02-10 | Window rendering method and device, computer equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010084037.2A CN111258582B (en) | 2020-02-10 | 2020-02-10 | Window rendering method and device, computer equipment and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN111258582A true CN111258582A (en) | 2020-06-09 |
| CN111258582B CN111258582B (en) | 2023-09-05 |
Family
ID=70948243
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010084037.2A Active CN111258582B (en) | 2020-02-10 | 2020-02-10 | Window rendering method and device, computer equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111258582B (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114610295A (en) * | 2022-03-22 | 2022-06-10 | 云粒智慧科技有限公司 | Layout method, device, equipment and medium for page container |
Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20040025112A1 (en) * | 2002-08-01 | 2004-02-05 | Chasen Jeffrey Martin | Method and apparatus for resizing video content displayed within a graphical user interface |
| CN104978433A (en) * | 2015-07-16 | 2015-10-14 | 无锡天脉聚源传媒科技有限公司 | Web page display method and device |
| CN105138317A (en) * | 2015-07-24 | 2015-12-09 | 安一恒通（北京）科技有限公司 | Window display processing method and device applied to terminal equipment |
| CN106168959A (en) * | 2016-06-29 | 2016-11-30 | 合网络技术（北京）有限公司 | Page layout method and device |
| CN107317853A (en) * | 2017-06-20 | 2017-11-03 | 北京金山安全软件有限公司 | Method, device and system for displaying dynamic effect of message popup window |
| CN107526592A (en) * | 2017-08-22 | 2017-12-29 | 广州市百果园信息技术有限公司 | A kind of page adaptation method and apparatus |
| CN109213957A (en) * | 2018-09-18 | 2019-01-15 | 福建天泉教育科技有限公司 | The method and terminal of subpage frame size are obtained in a kind of page nested environment |
| US20190081809A1 (en) * | 2017-09-11 | 2019-03-14 | Applied Minds, Llc | Secure meeting space with automatically adaptive classification levels, and associated systems and methods |
| CN109614099A (en) * | 2018-10-17 | 2019-04-12 | 平安普惠企业管理有限公司 | The adaptive development approach with page view, device, computer equipment and storage medium |
| CN110740509A (en) * | 2018-07-18 | 2020-01-31 | 华为技术有限公司 | data transmission method, network device, communication device and storage medium |
-
2020
- 2020-02-10 CN CN202010084037.2A patent/CN111258582B/en active Active
Patent Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20040025112A1 (en) * | 2002-08-01 | 2004-02-05 | Chasen Jeffrey Martin | Method and apparatus for resizing video content displayed within a graphical user interface |
| CN104978433A (en) * | 2015-07-16 | 2015-10-14 | 无锡天脉聚源传媒科技有限公司 | Web page display method and device |
| CN105138317A (en) * | 2015-07-24 | 2015-12-09 | 安一恒通（北京）科技有限公司 | Window display processing method and device applied to terminal equipment |
| CN106168959A (en) * | 2016-06-29 | 2016-11-30 | 合网络技术（北京）有限公司 | Page layout method and device |
| CN107317853A (en) * | 2017-06-20 | 2017-11-03 | 北京金山安全软件有限公司 | Method, device and system for displaying dynamic effect of message popup window |
| CN107526592A (en) * | 2017-08-22 | 2017-12-29 | 广州市百果园信息技术有限公司 | A kind of page adaptation method and apparatus |
| US20190081809A1 (en) * | 2017-09-11 | 2019-03-14 | Applied Minds, Llc | Secure meeting space with automatically adaptive classification levels, and associated systems and methods |
| CN110740509A (en) * | 2018-07-18 | 2020-01-31 | 华为技术有限公司 | data transmission method, network device, communication device and storage medium |
| CN109213957A (en) * | 2018-09-18 | 2019-01-15 | 福建天泉教育科技有限公司 | The method and terminal of subpage frame size are obtained in a kind of page nested environment |
| CN109614099A (en) * | 2018-10-17 | 2019-04-12 | 平安普惠企业管理有限公司 | The adaptive development approach with page view, device, computer equipment and storage medium |
Non-Patent Citations (1)
| Title |
|---|
| ONLYCARE: "微信浏览器中弹窗高度适配", pages 1 - 3 * |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114610295A (en) * | 2022-03-22 | 2022-06-10 | 云粒智慧科技有限公司 | Layout method, device, equipment and medium for page container |
Also Published As
| Publication number | Publication date |
|---|---|
| CN111258582B (en) | 2023-09-05 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111784712B (en) | Image processing method, device, equipment and computer readable medium | |
| CN111459364B (en) | Icon updating method and device and electronic equipment | |
| CN115600629B (en) | Vehicle information two-dimensional code generation method, electronic device and computer readable medium | |
| CN113535105B (en) | Media file processing method, device, equipment, readable storage medium and product | |
| CN111596992B (en) | Navigation bar display method and device and electronic equipment | |
| CN110378282B (en) | Image processing method and device | |
| CN112380819A (en) | Document editing method and device and electronic equipment | |
| CN111258582B (en) | Window rendering method and device, computer equipment and storage medium | |
| CN111273884A (en) | Image display method and device and electronic equipment | |
| CN111324405A (en) | Character display method and device and electronic equipment | |
| CN111338827B (en) | Method and device for pasting form data and electronic equipment | |
| CN111290812B (en) | Display method, device, terminal and storage medium of application control | |
| CN114428925A (en) | Page rendering method and device, electronic equipment and computer readable medium | |
| CN114187169A (en) | Method, device and equipment for generating video special effect package and storage medium | |
| CN110825480A (en) | Picture display method and device, electronic equipment and computer readable storage medium | |
| CN111399730A (en) | Image processing method, image processing device, electronic equipment and computer readable storage medium | |
| CN112488947A (en) | Model training and image processing method, device, equipment and computer readable medium | |
| CN112445478A (en) | Graphic file processing method, device, equipment and medium | |
| CN112214665A (en) | Content display method and device, electronic equipment and computer readable storage medium | |
| CN113961280A (en) | View display method and device, electronic equipment and computer-readable storage medium | |
| CN111680754A (en) | Image classification method and device, electronic equipment and computer-readable storage medium | |
| CN110807164A (en) | Automatic image area adjusting method and device, electronic equipment and computer readable storage medium | |
| CN111294611B (en) | Video insertion method and device, electronic equipment and computer readable storage medium | |
| CN111258670B (en) | Method and device for managing component data, electronic equipment and storage medium | |
| CN111405342B (en) | Rich text message display method, device, system, medium and electronic equipment |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |