CN106776969A - Page adaptation method, device and electronic equipment - Google Patents
Page adaptation method, device and electronic equipment Download PDFInfo
- Publication number
- CN106776969A CN106776969A CN201611105479.0A CN201611105479A CN106776969A CN 106776969 A CN106776969 A CN 106776969A CN 201611105479 A CN201611105479 A CN 201611105479A CN 106776969 A CN106776969 A CN 106776969A
- Authority
- CN
- China
- Prior art keywords
- screen width
- font size
- page
- screen
- target
- 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.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
Abstract
The embodiment of the present invention provides a kind of page adaptation method, device and electronic equipment, according to the target font size computational methods based on screen width, and the relative pattern value of each page elements, can be when any mobile terminal request accesses the target pages, it is determined that the actual pattern value of the target font size and each page elements suitable for the screen width of the mobile terminal.The embodiment of the present invention can be according to the font size of the screen width self-adaptative adjustment page of mobile device and the size of page elements；Simultaneously, the embodiment of the present invention only need to be to one pattern file of the relative pattern value comprising the above-mentioned target font size computational methods based on screen width and each page elements of each Pages Design, it is assured that the actual the rendering style matched with any screen width, both Pages Design can have been reduced with the workload safeguarded, model code can also be simplified, execution efficiency is improved, page load time is reduced, and ensure the uniformity of page layout structure.
Description
Technical field
The present embodiments relate to technical field of webpage processing, more particularly to a kind of page adaptation method, device and electronics
Equipment.
Background technology
As the development of mobile Internet, increasing user are surfed the Net using mobile devices such as mobile phone, panel computers, move
Dynamic equipment constantly exceedes desk device, the terminal device the most frequently used as internet is accessed.Mobile device and individual's electricity
The screen size gap of brain (personal computer, PC) two Terminal Types is larger, to ensure the same page in two kind equipments
Bandwagon effect, prior art generally need respectively for two kinds of different editions of above two Terminal Design style sheet file
(e.g., CSS (Cascading Style Sheets, CSS) file), the i.e. first version suitable for PC and it is applied to
The second edition of mobile device.
But, inventor realize it is of the invention during find, due to screen size (or the screen of different mobile devices
Resolution ratio) it is diversified, even therefore the pattern file of the above-mentioned second edition, its displaying effect on different mobile devices
Fruit is also bandwagon effect of the tri- kinds of mobile devices of different, as shown in Figure 1 A, B, C to same page W：Mobile device A screens
It is too small so that each page elements size is relatively excessive in page W, cause page W to show in A imperfect；Mobile device C screens
Curtain is excessive so that each page elements size is relatively too small in page W, causes C white spaces in displayed page W more；Move
The screen size of dynamic equipment B is matched completely with the design size of page W, can reach best illustrated effect.According to prior art,
Want to ensure that the same page is respectively provided with good bandwagon effect in different mobile devices, in addition it is also necessary to further for screen size not
Same mobile device designs various different pattern files, i.e., for the mobile device that screen is bigger, its corresponding pattern file
The size of middle page elements is also bigger.
It can be seen that, prior art designs different pattern files for the equipment of different screen size, although can ensure same
The page all has preferable bandwagon effect in distinct device, but also increases Pages Design workload simultaneously, and in the later stage
When the page is safeguarded, it is also desirable to while safeguarding multiple pattern files, increased page maintenance workload.Therefore, it is necessary to provide one
Page adaptation scheme is planted, with the premise of Pages Design and maintenance workload is not increased, it is ensured that the same page is in distinct device
The bandwagon effect of (in particularly different mobile devices).
The content of the invention
A kind of page adaptation method, device and electronic equipment are provided in the embodiment of the present invention, is set with not increasing the page
On the premise of meter and maintenance workload, it is ensured that the same page is imitated in the displaying of distinct device (in particularly different mobile devices)
Really.
The embodiment of the invention discloses following technical scheme：
In a first aspect, a kind of page adaptation method is the embodiment of the invention provides,
Obtain the screen width of the mobile device；
The target font size of target pages is calculated according to the screen width；
Obtain the relative pattern value of each page elements in the target pages；The relative pattern value is page unit
The ratio between original value and preset reference value of element；
The page elements are rendered according to the target font size and relative pattern value.
In the embodiment of the present invention, according to the target font size computational methods based on screen width, and each page unit
The relative pattern value of element, can be when any mobile terminal request accesses the target pages, it is determined that suitable for the mobile terminal
The target font size of screen width and the actual pattern value of each page elements.Therefore, the embodiment of the present invention can realize root
According to the font size and the size of page elements of the screen width self-adaptative adjustment page of mobile device, it is ensured that the page is in different shiftings
There is identical bandwagon effect in dynamic equipment；Meanwhile, the embodiment of the present invention only need to be to the default one style file of each page, its
In the relative pattern value comprising the above-mentioned target font size computational methods based on screen width and each page elements, using this
One style file can determine the page rendering pattern matched with any screen width, and the later stage also need to only safeguard this sample
Formula file, so as to greatly reduce the workload of Pages Design and maintenance.Meanwhile, the page sample based on embodiment of the present invention design
Formula document code is simple, and execution efficiency is high, it is possible to reduce page load time, it is also ensured that rendered under different screen width
The page layout structure for arriving is consistent.
Optionally, after the screen width for obtaining the mobile device, and target is calculated according to the screen width
Before the font size of the page, the page adaptation method also includes：
Judge whether the screen width is default screen width；
When the screen width is default screen width, the corresponding default font size of the screen width is obtained, and
Using the default font size as the target font size；
When the screen width is not default screen width, the mesh that target pages are calculated according to the screen width is performed
The step of mark font size.
Optionally, the corresponding default font size of the screen width is obtained, including：Using the matchmaker of CSS CSS
Body is inquired about to obtain the corresponding default font size of the screen width.
In the embodiment of the present invention, optimal font is preset for common screen width (i.e. above-mentioned default screen width)
Size, i.e., above-mentioned default font size, and the corresponding relation between the default screen width and default font size is stored, in page
When face renders, whether the screen width for first judging current mobile device is above-mentioned default screen width, if it is can be straight
Connect the reading default font size, as the target font size of target pages, such that it is able to save calculate font size when
Between, improve page rendering efficiency.
Optionally, after the page elements are rendered according to the font size and relative pattern value loading, the page
Face adaptation method also includes：
When the mobile device generation screen upset is detected, the screen for obtaining the mobile device is re-executed
Width.
Optionally, after the page elements are rendered according to the font size and relative pattern value loading, the page
Face adaptation method also includes：
The step of screen width for obtaining the mobile device is performed according to preset interval time circulation；
When the screen width that this gets is different from the preceding screen width for once getting, got according to this
Screen width recalculates the target font size.
In the embodiment of the present invention, after the completion of page rendering, also detect whether screen width changes, and detecting
After screen width change, target font size is redefined, and according to the target font size for redefining and each page unit
Target pages are rendered by the relative pattern value of element again, so as to realize in target pages render process to arbitrarily moving
The automatic adapted in real time of any screen orientation of equipment, is always ensured that the layout structure uniformity of target pages, it is to avoid user regards
Feel is obscured, and improves Consumer's Experience.
Second aspect, the embodiment of the invention provides a kind of page adaptation device, including：
Screen width acquiring unit, the screen width for obtaining the mobile device；
Font size computing unit, the target font size for calculating target pages according to the screen width；
With respect to pattern acquiring unit, the relative pattern value for obtaining each page elements in the target pages；It is described
With respect to the ratio between original value and preset reference value that pattern value is the page elements；
Page rendering unit, for rendering the page elements according to the target font size and relative pattern value.
From above structure, the embodiment of the present invention according to the target font size computational methods based on screen width, with
And the relative pattern value of each page elements, can be when any mobile terminal request accesses the target pages, it is determined that being applied to
The target font size of the screen width of the mobile terminal and the actual pattern value of each page elements.Therefore, the present invention is implemented
Example can realize the font size and the size of page elements of the screen width self-adaptative adjustment page according to mobile device, it is ensured that
The page has identical bandwagon effect on different mobile devices；Meanwhile, the embodiment of the present invention only need to be to each page default
Individual pattern file, wherein relative comprising the above-mentioned target font size computational methods based on screen width and each page elements
Pattern value, the page rendering pattern that can determine to match with any screen width using this one style file, the later stage also only
This one style file need to be safeguarded, so as to greatly reduce the workload of Pages Design and maintenance.Meanwhile, implemented based on the present invention
The style sheet document code of example design is simple, and execution efficiency is high, it is possible to reduce page load time, it is also ensured that difference screen
It is consistent the page layout structure for obtaining to be rendered under curtain width.
Optionally, described device also includes：
Predetermined width judging unit, for judging whether is the screen width that the screen width acquiring unit gets
To preset screen width；And when the screen width is default screen width, font size query unit is triggered, and,
When the screen width is not default screen width, the font size computing unit is triggered；
The font size query unit, for obtaining the corresponding default font size of the screen width, and will be described
Default font size is used as the target font size.
Optionally, the font size query unit, is specifically configured to：
The corresponding default font size of the screen width is obtained using the Media Inquiries of CSS CSS.
From above structure, the embodiment of the present invention is for common screen width (i.e. above-mentioned default screen width) in advance
Set optimal font size, i.e., above-mentioned default font size, and store between the default screen width and default font size
Corresponding relation, in page rendering, whether the screen width for first judging current mobile device is above-mentioned default screen width, such as
Fruit is can to directly read the default font size, as the target font size of target pages, such that it is able to save calculating
The time of font size, improve page rendering efficiency.
Optionally, described device also includes：Screen overturns detection unit, for shielding detecting the mobile device
During curtain upset, the screen width that the screen width acquiring unit reacquires the mobile device is triggered.
Optionally, described device also includes：Loop control unit, for controlling the screen to obtain according to preset interval time
The step of taking unit circulation and perform the screen width for obtaining the mobile device, and the screen width got at this with it is previous
When the secondary screen width that gets is different, the screen width got according to this is sent to the font size and calculates single
Unit.
From above structure, the embodiment of the present invention detects whether screen width becomes after the completion of page rendering, also
Change, and after screen width change is detected, redefine target font size, and according to the target font size for redefining
And the relative pattern value of each page elements, target pages are rendered again, so as in realizing target pages render process
To the automatic adapted in real time of any screen orientation in any mobile device, it is always ensured that the layout structure of target pages is consistent
Property, it is to avoid user's visual confusion, improves Consumer's Experience.
The third aspect, the embodiment of the invention provides a kind of electronic equipment, including：
At least one processor；And,
The memory being connected with least one processor communication；Wherein,
The memory storage has can be by the instruction of one computing device, and the instruction is by by described at least one
Computing device, so that at least one processor can：
Obtain the screen width of the mobile device；
The target font size of target pages is calculated according to the screen width；
Obtain the relative pattern value of each page elements in the target pages；The relative pattern value is page unit
The ratio between original value and preset reference value of element；
The page elements are rendered according to the target font size and relative pattern value.
Fourth aspect, the embodiment of the present invention additionally provides a kind of non-transient computer readable storage medium storing program for executing, described non-transient
Computer-readable recording medium storage computer instruction, the computer instruction is used to make the computer perform above-mentioned first party
The page adaptation method that any one embodiment of face is provided.
5th aspect, the embodiment of the present invention additionally provides a kind of computer program product, the computer program product bag
Calculation procedure of the storage on non-transient computer readable storage medium storing program for executing is included, the computer program includes programmed instruction, works as institute
When stating programmed instruction and being computer-executed, make that the computer performs that above-mentioned any one embodiment of first aspect provides is described
Page adaptation method.
Technical scheme provided in an embodiment of the present invention can include the following benefits：According to the target based on screen width
Font size computational methods, and each page elements relative pattern value, the mesh can be accessed in any mobile terminal request
During the mark page, it is determined that the actual pattern of the target font size and each page elements suitable for the screen width of the mobile terminal
Value.Therefore, the embodiment of the present invention can realize the screen width self-adaptative adjustment page according to mobile device font size and
The size of page elements, it is ensured that the page has identical bandwagon effect on different mobile devices；Meanwhile, the embodiment of the present invention is only
Need to the default one style file of each page, wherein comprising the above-mentioned target font size computational methods based on screen width and
The relative pattern value of each page elements, the page that can determine to match with any screen width using this one style file
The rendering style, the later stage also need to only safeguard this one style file, so as to greatly reduce the workload of Pages Design and maintenance.Together
When, the style sheet document code based on embodiment of the present invention design is simple, and execution efficiency is high, it is possible to reduce when the page is loaded
Between, it is also ensured that the page layout structure for obtaining is rendered under different screen width consistent.
It should be appreciated that the general description of the above and detailed description hereinafter are only exemplary and explanatory, not
Can the limitation present invention.
Brief description of the drawings
In order to illustrate more clearly about the embodiment of the present invention or technical scheme of the prior art, below will be to embodiment or existing
The accompanying drawing to be used needed for having technology description is briefly described, it should be apparent that, for those of ordinary skill in the art
Speech, without having to pay creative labor, can also obtain other accompanying drawings according to these accompanying drawings.
Fig. 1 is the bandwagon effect schematic diagram of page when various sizes of mobile device accesses the same page；
Fig. 2 is a kind of flow chart of page adaptation method provided in an embodiment of the present invention；
Fig. 3 is that a kind of screen width lower page obtained based on page adaptation method provided in an embodiment of the present invention shows effect
Fruit schematic diagram；
Fig. 4 is that to obtain the page shown in Fig. 3 based on page adaptation method provided in an embodiment of the present invention wide in another screen
Bandwagon effect schematic diagram under degree；
Fig. 5 is the flow chart of another page adaptation method provided in an embodiment of the present invention；
Fig. 6 is the flow chart of another page adaptation method provided in an embodiment of the present invention；
Fig. 7 is a kind of structural representation of page adaptation device provided in an embodiment of the present invention；
Fig. 8 is the structural representation of a kind of electronic equipment provided in an embodiment of the present invention.
Specific embodiment
Here exemplary embodiment will be illustrated in detail, its example is illustrated in the accompanying drawings.Following description is related to
During accompanying drawing, unless otherwise indicated, the same numbers in different accompanying drawings represent same or analogous key element.Following exemplary embodiment
Described in implementation method do not represent and the consistent all implementation methods of the present invention.Conversely, they be only with it is such as appended
The example of the consistent apparatus and method of some aspects being described in detail in claims, of the invention.
A kind of page adaptation method, device and electronic equipment are provided in the embodiment of the present invention, is set with not increasing the page
On the premise of meter and maintenance workload, it is ensured that the same page is imitated in the displaying of distinct device (in particularly different mobile devices)
Really.
Fig. 2 is a kind of flow chart of page adaptation method provided in an embodiment of the present invention.The method can apply to mobile phone,
Browsing device net page loading, the scene such as page loading in application program in many size mobile terminals such as panel computer.
Reference picture 2, page adaptation method provided in an embodiment of the present invention is at least comprised the following steps：
S11, the screen width for obtaining the mobile device.
Optionally, in the first feasible embodiment, above-mentioned screen width can be the thing of the mobile device screen
Reason size value；In second feasible embodiment, above-mentioned screen width can also be the screen of the mobile device in width
Resolution value on direction；In the third feasible embodiment, above-mentioned screen width can also be the mobile device screen
The upper region for showing target pages resolution value in the direction of the width.The screen is hereafter represented with clientWidth
Width.
Above-mentioned the third feasible embodiment, it is adaptable to be only used to a part for mobile device screen show page object
Face, for example, when mobile device is in span mode, only the top half of screen is used to show target pages that the latter half to be used for
Display other application programs interface.
S12, the target font size that target pages are calculated according to the screen width.
Optionally, the embodiment of the present invention can be by the screen width clientWidth divided by a default scaled value f, will
The quotient for obtaining is expressed as target font size fontSize with computing formula：FontSize=clientWidth/f.
Wherein, presetting scaled value f can determine in the Pages Design stage according to page presentation demand.By above-mentioned computing formula with executable
The form of code is recorded in the CSS files of target pages, you can before page rendering is performed, by calling CSS files in
The executable code, be calculated the target font size of the target pages.
For example, set f=10 in the CSS files of a certain page, then as the screen width clientWidth=for getting
During 720px, then target font size fontSize=720/10=72px can be calculated according to above-mentioned formula；When getting
Screen width clientWidth=360px when, then can be calculated target font size fontSize=360/10=
36px.It can be seen that, based on the embodiment of the present invention, screen width is bigger, and the final target font size for determining is bigger, so as to realize root
According to the screen width self-adaptative adjustment target font size of mobile device.
In the embodiment of the present invention, the target font size being calculated by step S12 is page root element (i.e. CSS texts
Html elements in part) font size, the font size of other daughter elements can determine according to the font size of the root element.
S13, the relative pattern value for obtaining each page elements in the target pages；The relative pattern value is the page
The ratio between original value and preset reference value of surface element.
It is different from each in directly defining the page with specific pixel value or percentage in CSS files in the prior art
The pattern value of page elements, what is recorded in CSS files in the embodiment of the present invention is the relative pattern value of each page elements；Should
With respect to the ratio between original value and preset reference value that pattern value is respective page element.In the embodiment of the present invention, preset reference value and
Unit with respect to pattern value can use relative unit rem, i.e., relative to the long measure of page root element.
Optionally, the preset reference value can be according to the original of a certain attribute of a certain element in the original design figure of the page
Initial value determines；For example, the preset reference value can be determined according to the width original value of main picture in the page.
Assuming that the width original value of main picture is 1000px in a certain page, then in a kind of feasible specific embodiment
In, can directly using the width original value as preset reference value, i.e. base=1000rem；In another feasible specific reality
In applying mode, it is also possible to which, divided by a custom variable on the basis of the width original value, the result of calculation for obtaining is used as above-mentioned
Preset reference value, it is assumed that according to page presentation demand, the custom variable value is 10, then base=1000/10=100rem.
Based on above-mentioned preset reference value, it is assumed that in the original design figure of a certain page, the width Width of page elements e2
Original value be 100px, the original value of height Height is 50px, and away from Margin-left, (left hand edge of e2 is left away from the page on the left side
The distance at edge) original value be 30px, rightmargin Margin-right's (distance of the right hand edge of e2 away from page right hand edge)
Original value is designated as base=100 for 30px preset reference values；Then it is defined as below in the CSS files of the page：
The width pattern value of page elements e2 is Width=100/base=100/100=1rem；
The height pattern value of page elements e2 is Height=50/base=50/100=0.5rem；
The left side of page elements e2 is Margin-left=30/base=30/100=0.3rem away from pattern value；
The rightmargin pattern value of page elements e2 is Margin-right=30/base=30/100=0.3rem.
It can be seen that, the preset reference value described in the embodiment of the present invention is equivalent to the global change for determining each page elements pattern value
Amount；In the case where the global variable determines, page elements it is original to bigger, it is bigger with respect to pattern value, the institute after rendering
The actual pattern value for showing is also bigger.
S14, the page elements are rendered according to the target font size and relative pattern value.
In the embodiment of the present invention, the font size attribute of word in page elements is carried out based on the target font size
Render；From the calculating process of previously described target font size, the embodiment of the present invention can be realized based on mobile device
Screen width target font size is zoomed in and out, and due to the target font size for page root element font it is big
It is small, therefore the font size of each daughter element can be redirected according to the target font size in the page, so as to realize whole
The font size of word can in proportion be scaled with the change of the screen width of mobile device in the page.
In the embodiment of the present invention, based on above-mentioned relative pattern value to width, height of each page elements etc. and size phase
The attribute of pass is rendered.Because each is all based on same preset standard value and is calculated with respect to pattern value in the same page
, when the actual pattern value of any size association attributes of any page elements needs to be carried out according to the screen width of mobile device
During scaling, the actual pattern value of all size association attributeses of other all page elements is also scaled in proportion therewith, so that real
Existing each page elements are scaled in proportion with the change of the screen width of mobile device, it is ensured that the same page is in different screens
The layout structure shown under curtain width is consistent.
Target font size computational methods fontSize=clientWidth/10 still described earlier, and page unit
Relative pattern value Width=1rem, Height=0.5rem of plain e2, Margin-left=0.3rem, Margin-right=
As a example by 0.3rem, as the screen width clientWidth=720px of mobile device, rendering result is as shown in Figure 3：
Target font size is 720/10=72px；
The developed width of page elements e2 is 720* [1/ (1+0.3+0.3)]=720/1.6=450px；
The actual height of page elements e2 is (450/1) * 0.5=225px；
The actual left side of page elements e2 is away from being 720* [0.3/ (1+0.3+0.3)]=720*0.3/1.6=135px；
Likewise, the actual rightmargin of page elements e2 is also 135px.
As clientWidth=640px, rendering result is as shown in Figure 4：
Target font size is 640/10=64px；
The developed width of page elements e2 is 640* [1/ (1+0.3+0.3)]=640/1.6=400px；
The actual height of page elements e2 is (400/1) * 0.5=200px；
The actual left side of page elements e2 is 640* [0.3/ (1 away from (actual range of the left hand edge of e2 away from page left hand edge)
+ 0.3+0.3)]=640*0.3/1.6=120px；
Likewise, the actual rightmargin of page elements e2 is also 120px.
Comparison diagram 3 and Fig. 4 understand, when screen width is reduced into 640px by 720px, target font size, page elements e2
Width, height, the left side away from and rightmargin also all reduce therewith, page layout structure is consistent.
Further, since it is the font size of page root element that the embodiment of the present invention calculates the target font size for determining, respectively
The measurement unit of the relative pattern value of individual element applies the present invention to implement using the long measure rem relative to root element
The pattern value related to size of example, the page that final rendering is obtained, its font size and each page elements is wide with screen
Degree synchronization scaling, so as to be further ensured that the page layout uniformity under different screen width.
From above technical scheme, in the embodiment of the present application, record is based on screen in the CSS files of target pages in advance
The target font size computational methods of curtain width, and each page elements relative pattern value so that in any mobile terminal
When request accesses the target pages, the CSS files of the target pages are called, you can it is determined that wide suitable for the screen of the mobile terminal
The target font size of degree and the actual pattern value of each page elements.Therefore, the embodiment of the present invention can be realized according to movement
The font size and the size of page elements of the screen width self-adaptative adjustment page of equipment, it is ensured that the page is in different mobile devices
It is upper that there is identical bandwagon effect；Meanwhile, the embodiment of the present invention only need to be to the default one style file of each page, wherein including
The relative pattern value of the above-mentioned target font size computational methods based on screen width and each page elements, using this sample
Formula file can determine the page rendering pattern matched with any screen width, and the later stage also need to only safeguard this one style text
Part, so as to greatly reduce the workload of Pages Design and maintenance.Meanwhile, the style sheet text based on embodiment of the present invention design
Part code is simple, and execution efficiency is high, it is possible to reduce page load time, it is also ensured that render what is obtained under different screen width
Page layout structure is consistent.
Fig. 5 is the flow chart of another page adaptation method provided in an embodiment of the present invention.As shown in figure 5, the method bag
Include following steps：
S21, the screen width for obtaining the mobile device.
S22, judge whether the screen width is default screen width, if it is, performing step S23, otherwise perform
Step S24.
S23, when the screen width is default screen width, obtain the corresponding default font of the screen width
Size, using the default font size as the target font size of target pages, and continues executing with step S25.
S24, when the screen width is not default screen width, target pages are calculated according to the screen width
Target font size, and continue executing with step S25；
S25, the relative pattern value for obtaining each page elements in the target pages；The relative pattern value is the page
The ratio between original value and preset reference value of surface element；
S26, the page elements are rendered according to the target font size and relative pattern value.
In above-described embodiment, when the screen width is not default screen width, S24 to S26 the step of execution,
Its principle is identical with step S12 to S14 described previously, cross-referenced can understand, here is omitted.This hair is introduced below
Processing procedure of the bright embodiment when the screen width is default screen width.
In view of when actually realizing, the method that target font size is determined according to computing formula described previously, by code
Call (code based on JavaScript language is generally used in mobile device) and operation efficiency influence, therefore the present invention implement
In example, optimal font size is preset for common screen width (i.e. above-mentioned default screen width), i.e., above-mentioned predetermined word
Body size, and store corresponding between the default screen width and default font size in the associated profiles such as CSS files
Relation, in page rendering, whether the screen width for first judging current mobile device is above-mentioned default screen width, if
The default font size can be then directly read, as the target font size of target pages, such that it is able to save calculating font
The time of size, improve page rendering efficiency.
Optionally, it is default screen in the screen width for judging mobile device in a feasible embodiment of the invention
During width, it is possible to use the Media Inquiries Media Queries of CSS CSS are corresponding pre- to obtain the screen width
If font size.
For example, person skilled is in Pages Design development process, following Media Inquiries can be passed through in CSS files
Sentence records the corresponding relation between above-mentioned default screen width and default font size：
@media screen and(width:320px){html{font-size:32px；}}
@media screen and(width:360px){html{font-size:36px；}}
@media screen and(width:375px){html{font-size:37.5px；}}
……
When the page is rendered, if the screen width for getting is 320px, can be true based on above-mentioned Media Inquiries sentence
Surely it is 32px to preset font size, directly using the 32px as target font size, no longer performs step S24 (i.e. described previously
Step S12) described in font size calculating process, such that it is able to improve page rendering efficiency.
Fig. 6 is the flow chart of another page adaptation method provided in an embodiment of the present invention.As shown in fig. 6, the method bag
Include following steps：
S31, the screen width for obtaining the mobile device.
S32, the target font size that target pages are calculated according to the screen width.
S33, the relative pattern value for obtaining each page elements in the target pages；The relative pattern value is the page
The ratio between original value and preset reference value of surface element.
S34, the page elements are rendered according to the target font size and relative pattern value.
Whether mobile device described in S35, cycle detection there is screen upset, and screen occurs when the mobile device is detected
During upset, above-mentioned steps S31 is returned.
Optionally, the embodiment of the present invention can utilize all recognizable direction of mobile device operation system to change event
" orientationchange " realizes the detection in step S35 to screen upset.When user is changed mobile device by portrait layout
It is transverse screen, or when changing into portrait layout by transverse screen, the above-mentioned direction of mobile device operation system internal trigger changes event
" orientationchange ", in step s 35, can change event so that whether direct detection occur above-mentioned direction, when detecting
When the direction changes event, you can determine the screen upset of mobile device, so as to re-execute step S31 and subsequent step, i.e.,
The screen width after screen upset is obtained, target pages are rendered again, so that target pages adapt to the screen width after upset.
It can be seen that, the embodiment of the present invention can be realized in target pages render process to any screen in any mobile device
The automatic adapted in real time in direction, is always ensured that the layout structure uniformity of target pages, it is to avoid user's visual confusion, improves user
Experience.
In the application in another feasible embodiment, institute is being rendered according to the font size and relative pattern value loading
State after page elements (i.e. step S14, S26 or S34), it is wide with screen to realize target pages to can also carry out following steps
The change of degree and automatic adapted in real time：
The step of screen width for obtaining the mobile device is performed according to preset interval time circulation；
When the screen width that this gets is different from the preceding screen width for once getting, got according to this
Screen width recalculates the target font size.
For example, each 2 seconds detection screen width, when the screen width that this is detected from it is preceding once different when, then
Account for screen width changes (corresponding, mobile device is changed into portrait layout from transverse screen, or is changed into transverse screen from portrait layout), therefore needs root
Target font size is recalculated according to the screen width after change, i.e. this screen width for detecting, and according to recalculating
The target font size and the relative pattern value of each page elements for obtaining are rendered to each element of target pages again,
So that the screen width after target pages matched transform.
Corresponding with previously described embodiment of the method, the embodiment of the present invention additionally provides a kind of page adaptation device.
Structural representation shown in reference picture 7, the device at least includes：
Screen width acquiring unit 100, the screen width for obtaining the mobile device；
Font size computing unit 200, the target font size for calculating target pages according to the screen width；
With respect to pattern acquiring unit 300, the relative pattern value for obtaining each page elements in the target pages；Institute
It is the ratio between original value and preset reference value of the page elements to state relative pattern value；
Page rendering unit 400, for rendering the page elements according to the target font size and relative pattern value.
From above structure, according to the target font size computational methods based on screen width in the embodiment of the present application,
And the relative pattern value of each page elements, can be when any mobile terminal request accesses the target pages, it is determined that being applicable
In the target font size and the actual pattern value of each page elements of the screen width of the mobile terminal.Therefore, the present invention is real
Applying example can realize the font size and the size of page elements of the screen width self-adaptative adjustment page according to mobile device, protect
The card page has identical bandwagon effect on different mobile devices；Meanwhile, the embodiment of the present invention only need to be default to each page
One style file, wherein the phase comprising the above-mentioned target font size computational methods based on screen width and each page elements
To pattern value, the page rendering pattern that can determine to match with any screen width using this one style file, later stage
This one style file only need to be safeguarded, so as to greatly reduce the workload of Pages Design and maintenance.Meanwhile, based on of the invention real
The style sheet document code for applying example design is simple, and execution efficiency is high, it is possible to reduce page load time, it is also ensured that different
The page layout structure for obtaining is rendered under screen width consistent.
In a feasible embodiment of the invention, above-mentioned page adaptation device can also include：
Predetermined width judging unit, for judging whether is the screen width that the screen width acquiring unit gets
To preset screen width；And when the screen width is default screen width, font size query unit is triggered, with
And, when the screen width is not default screen width, trigger the font size computing unit；
The font size query unit, for obtaining the corresponding default font size of the screen width, and will be described
Default font size is used as the target font size.
Optionally, the font size query unit, is specifically configured to：
The corresponding default font size of the screen width is obtained using the Media Inquiries of CSS CSS.
In the embodiment of the present invention, optimal font is preset for common screen width (i.e. above-mentioned default screen width)
Size, i.e., above-mentioned default font size, and the corresponding relation between the default screen width and default font size is stored, in page
When face renders, whether the screen width for first judging current mobile device is above-mentioned default screen width, if it is can be straight
Connect the reading default font size, as the target font size of target pages, such that it is able to save calculate font size when
Between, improve page rendering efficiency.
In a feasible embodiment of the invention, above-mentioned page adaptation device can also include：Screen upset detection is single
Unit, for when the mobile device generation screen upset is detected, triggering the screen width acquiring unit and reacquiring institute
State the screen width of mobile device.
In a feasible embodiment of the invention, above-mentioned page adaptation device can also include：Loop control unit, uses
In the step of the screen width that the screen acquiring unit circulation execution acquisition mobile device is controlled according to preset interval time
Suddenly, and when the screen width that this gets is different from the preceding screen width for once getting, by what is got according to this
Screen width is sent to the font size computing unit, so that the screen that the font size computing unit gets according to this
Curtain width recalculates the target font size.
In the embodiment of the present invention, after the completion of page rendering, also detect whether screen width changes, and detecting
After screen width change, target font size is redefined, and according to the target font size for redefining and each page unit
Target pages are rendered by the relative pattern value of element again, so as to realize in target pages render process to arbitrarily moving
The automatic adapted in real time of any screen orientation of equipment, is always ensured that the layout structure uniformity of target pages, it is to avoid user regards
Feel is obscured, and improves Consumer's Experience.
The embodiment of the invention provides a kind of non-transient computer storage medium, the computer-readable storage medium is stored with meter
Calculation machine executable instruction, the computer executable instructions can perform the page adaptation method in above-mentioned any means embodiment.
One of ordinary skill in the art will appreciate that all or part of flow in realizing above-described embodiment method, can be
The hardware of correlation is instructed to complete by computer program, described program can be stored in a computer read/write memory medium
In, the program is upon execution, it may include such as the flow of the embodiment of above-mentioned each method.Wherein, described storage medium can be magnetic
Dish, CD, read-only memory (Read-Only Memory, ROM) or random access memory (Random
AccessMemory, RAM) etc..
Fig. 8 is the hardware architecture diagram of the electronic equipment of the execution page adaptation method that the embodiment of the present application seven is provided,
As shown in figure 8, the equipment includes：
One or more processors 610 and memory 620, in Fig. 8 by taking a processor 610 as an example.
The equipment for performing page adaptation method can also include：Input unit 630 and output device 640.
Processor 610, memory 620, input unit 630 and output device 640 can be by bus or other modes
Connection, in Fig. 8 as a example by being connected by bus.
Memory 620 can be used to store non-volatile software journey as a kind of non-volatile computer readable storage medium storing program for executing
Sequence, non-volatile computer executable program and module, the corresponding program of page adaptation method such as in the embodiment of the present application
Instruction/module is (for example, the screen width acquiring unit 100, font size computing unit 200, relative pattern shown in accompanying drawing 7 are obtained
Take unit 300 and page rendering unit 400).Processor 610 is by running non-volatile software of the storage in memory 620
Program, instruction and module, so that the various function application of execute server and data processing, that is, realize that the above method is implemented
Example page adaptation method.
Memory 620 can include storing program area and storage data field, wherein, storing program area can store operation system
Application program required for system, at least one function；Storage data field can be stored and created according to using for page adaptation device
Data etc..Additionally, memory 620 can include high-speed random access memory, nonvolatile memory, example can also be included
Such as at least one disk memory, flush memory device or other non-volatile solid state memory parts.In certain embodiments, deposit
Reservoir 620 is optional including the memory remotely located relative to processor 610, and these remote memories can be by network connection
To page adaptation device.The example of above-mentioned network includes but is not limited to internet, intranet, LAN, mobile radio communication
And combinations thereof.
Input unit 630 can receive the numeral or character information of input, and generation sets with the user of page adaptation device
Put and the input of key signals that function control is relevant.Output device 640 may include the display devices such as display screen.
One or more of modules are stored in the memory 620, when by one or more of processors
During 610 execution, the page adaptation method in above-mentioned any means embodiment is performed.
The method that the executable the embodiment of the present application of the said goods is provided, possesses the corresponding functional module of execution method and has
Beneficial effect.Not ins and outs of detailed description in the present embodiment, reference can be made to the method that the embodiment of the present application is provided.
The electronic equipment of the embodiment of the present application exists in a variety of forms, including but not limited to:
(1) mobile communication equipment:The characteristics of this kind equipment is that possess mobile communication function, and to provide speech, data
It is main target to communicate.This Terminal Type includes:Smart mobile phone (such as iPhone), multimedia handset, feature mobile phone, and it is low
End mobile phone etc..
(2) super mobile personal computer equipment:This kind equipment belongs to the category of personal computer, there is calculating and treatment work(
Can, typically also possess mobile Internet access characteristic.This Terminal Type includes:PDA, MID and UMPC equipment etc., such as iPad.
(3) portable entertainment device:This kind equipment can show and play content of multimedia.The kind equipment includes:Audio,
Video player (such as iPod), handheld device, e-book, and intelligent toy and portable car-mounted navigation equipment.
(4) server:The equipment for providing the service of calculating, the composition of server includes that processor, hard disk, internal memory, system are total
Line etc., server is similar with general computer architecture, but due to needing to provide highly reliable service, therefore in treatment energy
The requirement of the aspects such as power, stability, reliability, security, scalability, manageability is higher.
(5) other have the electronic installation of data interaction function.
Device embodiment described above is only schematical, wherein the unit illustrated as separating component can
To be or may not be physically separate, the part shown as unit can be or may not be physics list
Unit, you can with positioned at a place, or can also be distributed on multiple NEs.It can according to the actual needs be selected
In some or all of module realize the purpose of this embodiment scheme.
Through the above description of the embodiments, those skilled in the art can be understood that each implementation method can
Realized by the mode of software plus general hardware platform, naturally it is also possible to by hardware.Based on such understanding, above-mentioned technology
The part that scheme substantially contributes to correlation technique in other words can be embodied in the form of software product, the computer
Software product can be stored in a computer-readable storage medium, and such as ROM/RAM, magnetic disc, CD, including some instructions are used to
So that computer equipment (can be personal computer, server, or network equipment etc.) perform each embodiment or
Method described in some parts of embodiment.
Finally it should be noted that：Above example is only used to illustrate the technical scheme of the application, rather than its limitations；Although
The application has been described in detail with reference to the foregoing embodiments, it will be understood by those within the art that：It still may be used
Modified with to the technical scheme described in foregoing embodiments, or equivalent is carried out to which part technical characteristic；
And these modification or replace, do not make appropriate technical solution essence depart from each embodiment technical scheme of the application spirit and
Scope.
Claims (11)
1. a kind of page adaptation method, it is characterised in that be applied to mobile device, including：
Obtain the screen width of the mobile device；
The target font size of target pages is calculated according to the screen width；
Obtain the relative pattern value of each page elements in the target pages；The relative pattern value is the page elements
The ratio between original value and preset reference value；
The page elements are rendered according to the target font size and relative pattern value.
2. method according to claim 1, it is characterised in that after the screen width for obtaining the mobile device, with
And before the font size according to screen width calculating target pages, also include：
Judge whether the screen width is default screen width；
When the screen width is default screen width, the corresponding default font size of the screen width is obtained, and by institute
Default font size is stated as the target font size；
When the screen width is not default screen width, the target word that target pages are calculated according to the screen width is performed
The step of body size.
3. method according to claim 2, it is characterised in that obtain the corresponding default font size of the screen width,
Including：
The corresponding default font size of the screen width is obtained using the Media Inquiries of CSS CSS.
4. method according to claim 1, it is characterised in that wash with watercolours is being loaded according to the font size and relative pattern value
Contaminate after the page elements, also include：
When the mobile device generation screen upset is detected, the screen for obtaining the mobile device is re-executed wide
Degree.
5. method according to claim 1, it is characterised in that wash with watercolours is being loaded according to the font size and relative pattern value
Contaminate after the page elements, also include：
The step of screen width for obtaining the mobile device is performed according to preset interval time circulation；
When the screen width that this gets is different from the preceding screen width for once getting, according to the screen that this gets
Width recalculates the target font size.
6. a kind of page adaptation device, it is characterised in that including：
Screen width acquiring unit, the screen width for obtaining the mobile device；
Font size computing unit, the target font size for calculating target pages according to the screen width；
With respect to pattern acquiring unit, the relative pattern value for obtaining each page elements in the target pages；It is described relative
Pattern value is the ratio between original value and preset reference value of the page elements；
Page rendering unit, for rendering the page elements according to the target font size and relative pattern value.
7. page adaptation device according to claim 6, it is characterised in that also include：
Predetermined width judging unit, for judging whether the screen width that the screen width acquiring unit gets is pre-
If screen width；And when the screen width is default screen width, font size query unit is triggered, and, described
When screen width is not default screen width, the font size computing unit is triggered；
The font size query unit, for obtaining the corresponding default font size of the screen width, and will be described default
Font size is used as the target font size.
8. page adaptation device according to claim 7, it is characterised in that the font size query unit, specifically quilt
It is configured to：
The corresponding default font size of the screen width is obtained using the Media Inquiries of CSS CSS.
9. page adaptation device according to claim 6, it is characterised in that also include：
Screen overturns detection unit, for when the mobile device generation screen upset is detected, triggering the screen width
Acquiring unit reacquires the screen width of the mobile device.
10. page adaptation device according to claim 6, it is characterised in that also include：
Loop control unit, the movement is obtained for controlling the screen acquiring unit circulation to perform according to preset interval time
The step of screen width of equipment, and when the screen width that this gets is different from the preceding screen width for once getting,
The screen width got according to this is sent to the font size computing unit.
11. a kind of electronic equipment, including：
At least one processor；And,
The memory being connected with least one processor communication；Wherein,
The memory storage has can be processed by the instruction of one computing device, the instruction by described at least one
Device is performed, so that at least one processor can：
Obtain the screen width of the mobile device；
The target font size of target pages is calculated according to the screen width；
Obtain the relative pattern value of each page elements in the target pages；The relative pattern value is the page elements
The ratio between original value and preset reference value；
The page elements are rendered according to the target font size and relative pattern value.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201611105479.0A CN106776969A (en) | 2016-12-05 | 2016-12-05 | Page adaptation method, device and electronic equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201611105479.0A CN106776969A (en) | 2016-12-05 | 2016-12-05 | Page adaptation method, device and electronic equipment |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN106776969A true CN106776969A (en) | 2017-05-31 |
Family
ID=58874160
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201611105479.0A Pending CN106776969A (en) | 2016-12-05 | 2016-12-05 | Page adaptation method, device and electronic equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN106776969A (en) |
Cited By (21)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107402757A (en) * | 2017-07-11 | 2017-11-28 | 北京潘达互娱科技有限公司 | Page rendering method and device |
| CN107729074A (en) * | 2017-09-25 | 2018-02-23 | 百富计算机技术（深圳）有限公司 | A kind of loading method and device of the user interface of POS applications |
| CN108763391A (en) * | 2018-05-21 | 2018-11-06 | 天津字节跳动科技有限公司 | Questionnaire page surface treatment method and apparatus |
| CN109117210A (en) * | 2017-06-22 | 2019-01-01 | 合网络技术（北京）有限公司 | Page layout method and device |
| CN109165060A (en) * | 2018-07-12 | 2019-01-08 | 北京猫眼文化传媒有限公司 | View response region method of adjustment and terminal device in a kind of navigation bar |
| CN109410893A (en) * | 2018-09-04 | 2019-03-01 | 广州优视网络科技有限公司 | Show the method, apparatus and electronic equipment of picture |
| CN110020276A (en) * | 2017-08-22 | 2019-07-16 | 武汉斗鱼网络科技有限公司 | The compatible processing method and processing device of the H5 page is embedded in a kind of APP |
| CN110262857A (en) * | 2019-06-20 | 2019-09-20 | 郑州悉知信息科技股份有限公司 | A kind of front end response method and device |
| CN110515624A (en) * | 2019-07-29 | 2019-11-29 | 济南浪潮数据技术有限公司 | A kind of front end Conversion of measurement unit method, apparatus, equipment and storage medium |
| CN110532488A (en) * | 2018-05-23 | 2019-12-03 | 腾讯科技（深圳）有限公司 | Webpage rendering method, device and electronic equipment |
| CN111104110A (en) * | 2019-11-28 | 2020-05-05 | 北京小米移动软件有限公司 | Global style sharing method, global style sharing device and electronic device |
| CN111506378A (en) * | 2020-04-17 | 2020-08-07 | 腾讯科技（深圳）有限公司 | Method, device and equipment for previewing text display effect and storage medium |
| CN112395038A (en) * | 2021-01-21 | 2021-02-23 | 全时云商务服务股份有限公司 | Method and device for adjusting characters during desktop sharing |
| CN112416331A (en) * | 2020-12-07 | 2021-02-26 | 建信金融科技有限责任公司 | Page adaptation method and device, electronic equipment and computer readable storage medium |
| CN112558951A (en) * | 2020-12-24 | 2021-03-26 | 大唐互联科技(武汉)有限公司 | Foldable screen webpage adaptation method, device and storage device |
| CN113127125A (en) * | 2021-04-22 | 2021-07-16 | 康键信息技术（深圳）有限公司 | Page automatic adaptation method, device, equipment and storage medium |
| CN113590992A (en) * | 2021-07-30 | 2021-11-02 | 咪咕数字传媒有限公司 | Page display method, device and equipment |
| CN114564165A (en) * | 2022-02-23 | 2022-05-31 | 成都智元汇信息技术股份有限公司 | Text and audio self-adaption method, display terminal and system based on public transport |
| CN114566166A (en) * | 2022-02-23 | 2022-05-31 | 成都智元汇信息技术股份有限公司 | Public transport text processing method, device and system, electronic equipment and medium |
| CN114564130A (en) * | 2022-02-23 | 2022-05-31 | 成都智元汇信息技术股份有限公司 | Text self-adaption method, display terminal, system and medium based on public transport |
| CN115795192A (en) * | 2022-06-30 | 2023-03-14 | 盐城金堤科技有限公司 | Page adaptation method and device, storage medium and electronic equipment |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102646263A (en) * | 2012-03-06 | 2012-08-22 | 优视科技有限公司 | Scaling regulating method and device |
| CN102779167A (en) * | 2012-06-21 | 2012-11-14 | 北京奇虎科技有限公司 | Method and system for displaying webpage in mobile terminal |
| CN103064920A (en) * | 2012-12-20 | 2013-04-24 | 优视科技有限公司 | Method and device for scaling page fonts in mobile terminal |
| CN104050185A (en) * | 2013-03-13 | 2014-09-17 | 百度在线网络技术（北京）有限公司 | Zoom-display processing method and device for page contents |
| CN104239326A (en) * | 2013-06-17 | 2014-12-24 | 腾讯科技（深圳）有限公司 | Method, device and system for zooming webpage fonts |
| CN104809240A (en) * | 2015-05-13 | 2015-07-29 | 广州华多网络科技有限公司 | Page processing method and equipment adopting same |
| CN105630746A (en) * | 2015-12-21 | 2016-06-01 | 华为技术有限公司 | Page displaying method and terminal equipment |
| CN105718454A (en) * | 2014-12-02 | 2016-06-29 | 深圳富泰宏精密工业有限公司 | Page character adjustment method and system |
-
2016
- 2016-12-05 CN CN201611105479.0A patent/CN106776969A/en active Pending
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102646263A (en) * | 2012-03-06 | 2012-08-22 | 优视科技有限公司 | Scaling regulating method and device |
| CN102779167A (en) * | 2012-06-21 | 2012-11-14 | 北京奇虎科技有限公司 | Method and system for displaying webpage in mobile terminal |
| CN103064920A (en) * | 2012-12-20 | 2013-04-24 | 优视科技有限公司 | Method and device for scaling page fonts in mobile terminal |
| CN104050185A (en) * | 2013-03-13 | 2014-09-17 | 百度在线网络技术（北京）有限公司 | Zoom-display processing method and device for page contents |
| CN104239326A (en) * | 2013-06-17 | 2014-12-24 | 腾讯科技（深圳）有限公司 | Method, device and system for zooming webpage fonts |
| CN105718454A (en) * | 2014-12-02 | 2016-06-29 | 深圳富泰宏精密工业有限公司 | Page character adjustment method and system |
| CN104809240A (en) * | 2015-05-13 | 2015-07-29 | 广州华多网络科技有限公司 | Page processing method and equipment adopting same |
| CN105630746A (en) * | 2015-12-21 | 2016-06-01 | 华为技术有限公司 | Page displaying method and terminal equipment |
Cited By (28)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109117210A (en) * | 2017-06-22 | 2019-01-01 | 合网络技术（北京）有限公司 | Page layout method and device |
| CN107402757A (en) * | 2017-07-11 | 2017-11-28 | 北京潘达互娱科技有限公司 | Page rendering method and device |
| CN110020276A (en) * | 2017-08-22 | 2019-07-16 | 武汉斗鱼网络科技有限公司 | The compatible processing method and processing device of the H5 page is embedded in a kind of APP |
| CN107729074A (en) * | 2017-09-25 | 2018-02-23 | 百富计算机技术（深圳）有限公司 | A kind of loading method and device of the user interface of POS applications |
| CN107729074B (en) * | 2017-09-25 | 2021-02-23 | 百富计算机技术（深圳）有限公司 | Method and device for loading user interface of POS application |
| CN108763391A (en) * | 2018-05-21 | 2018-11-06 | 天津字节跳动科技有限公司 | Questionnaire page surface treatment method and apparatus |
| CN110532488A (en) * | 2018-05-23 | 2019-12-03 | 腾讯科技（深圳）有限公司 | Webpage rendering method, device and electronic equipment |
| CN109165060A (en) * | 2018-07-12 | 2019-01-08 | 北京猫眼文化传媒有限公司 | View response region method of adjustment and terminal device in a kind of navigation bar |
| CN109165060B (en) * | 2018-07-12 | 2022-02-18 | 北京猫眼文化传媒有限公司 | Method for adjusting view response area in navigation bar and terminal equipment |
| CN109410893A (en) * | 2018-09-04 | 2019-03-01 | 广州优视网络科技有限公司 | Show the method, apparatus and electronic equipment of picture |
| CN110262857A (en) * | 2019-06-20 | 2019-09-20 | 郑州悉知信息科技股份有限公司 | A kind of front end response method and device |
| CN110515624A (en) * | 2019-07-29 | 2019-11-29 | 济南浪潮数据技术有限公司 | A kind of front end Conversion of measurement unit method, apparatus, equipment and storage medium |
| CN111104110A (en) * | 2019-11-28 | 2020-05-05 | 北京小米移动软件有限公司 | Global style sharing method, global style sharing device and electronic device |
| CN111104110B (en) * | 2019-11-28 | 2023-10-03 | 北京小米移动软件有限公司 | Global style sharing method, global style sharing device and electronic device |
| CN111506378A (en) * | 2020-04-17 | 2020-08-07 | 腾讯科技（深圳）有限公司 | Method, device and equipment for previewing text display effect and storage medium |
| CN111506378B (en) * | 2020-04-17 | 2021-09-28 | 腾讯科技（深圳）有限公司 | Method, device and equipment for previewing text display effect and storage medium |
| CN112416331A (en) * | 2020-12-07 | 2021-02-26 | 建信金融科技有限责任公司 | Page adaptation method and device, electronic equipment and computer readable storage medium |
| CN112558951A (en) * | 2020-12-24 | 2021-03-26 | 大唐互联科技(武汉)有限公司 | Foldable screen webpage adaptation method, device and storage device |
| CN112558951B (en) * | 2020-12-24 | 2022-04-29 | 大唐互联科技(武汉)有限公司 | Foldable screen webpage adaptation method, device and storage device |
| CN112395038A (en) * | 2021-01-21 | 2021-02-23 | 全时云商务服务股份有限公司 | Method and device for adjusting characters during desktop sharing |
| CN113127125A (en) * | 2021-04-22 | 2021-07-16 | 康键信息技术（深圳）有限公司 | Page automatic adaptation method, device, equipment and storage medium |
| CN113127125B (en) * | 2021-04-22 | 2024-02-09 | 康键信息技术（深圳）有限公司 | Page automatic adaptation method, device, equipment and storage medium |
| CN113590992A (en) * | 2021-07-30 | 2021-11-02 | 咪咕数字传媒有限公司 | Page display method, device and equipment |
| CN114564165A (en) * | 2022-02-23 | 2022-05-31 | 成都智元汇信息技术股份有限公司 | Text and audio self-adaption method, display terminal and system based on public transport |
| CN114566166A (en) * | 2022-02-23 | 2022-05-31 | 成都智元汇信息技术股份有限公司 | Public transport text processing method, device and system, electronic equipment and medium |
| CN114564130A (en) * | 2022-02-23 | 2022-05-31 | 成都智元汇信息技术股份有限公司 | Text self-adaption method, display terminal, system and medium based on public transport |
| CN115795192A (en) * | 2022-06-30 | 2023-03-14 | 盐城金堤科技有限公司 | Page adaptation method and device, storage medium and electronic equipment |
| CN115795192B (en) * | 2022-06-30 | 2024-04-05 | 盐城天眼察微科技有限公司 | Page adaptation method and device, storage medium and electronic equipment |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN106776969A (en) | Page adaptation method, device and electronic equipment | |
| CN106293074B (en) | Emotion recognition method and mobile terminal | |
| US9507480B1 (en) | Interface optimization application | |
| US8166390B2 (en) | Figure sizing and positioning on dynamic pages | |
| CN103744595A (en) | Self-adaption display method and configuration file generating method and device | |
| CN106484383A (en) | page rendering method, device and equipment | |
| US20170277703A1 (en) | Method for Displaying Webpage and Server | |
| CN105869199B (en) | Apparatus and method for processing animation | |
| CN105094622B (en) | Adjust the method and apparatus of form col width | |
| CA2810365A1 (en) | Branded browser frame | |
| WO2017032078A1 (en) | Interface control method and mobile terminal | |
| CN104915186B (en) | A kind of method and apparatus making the page | |
| CN106775272A (en) | System of selection, device and electronic equipment | |
| CN104978433A (en) | Web page display method and device | |
| CN105868235A (en) | Image preview method and apparatus of intelligent terminal | |
| US20150020045A1 (en) | Method, device and computer-readable storage medium for closure testing | |
| CN113741763A (en) | Electronic book display method and device and electronic equipment | |
| CN103336787A (en) | Method and device for zooming webpage | |
| CN115237522A (en) | Page self-adaptive display method and device | |
| CN106886547A (en) | A kind of scenario generation method and device | |
| CN106648571A (en) | Application interface correction method and apparatus | |
| CN105183763A (en) | Background realization method and apparatus for search result page | |
| US20170161871A1 (en) | Method and electronic device for previewing picture on intelligent terminal | |
| CN113655999A (en) | Rendering method, device and equipment of page control and storage medium | |
| CN111143731B (en) | Display method and device for webpage interface zooming and terminal 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 | ||
| WD01 | Invention patent application deemed withdrawn after publication | ||
| WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20170531 |