CN107590240A - A kind of method and device of adjustment word size for page rendering - Google Patents

A kind of method and device of adjustment word size for page rendering Download PDF

Info

Publication number
CN107590240A
CN107590240A CN201710822553.9A CN201710822553A CN107590240A CN 107590240 A CN107590240 A CN 107590240A CN 201710822553 A CN201710822553 A CN 201710822553A CN 107590240 A CN107590240 A CN 107590240A
Authority
CN
China
Prior art keywords
word size
page rendering
word
scope
original text
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
Application number
CN201710822553.9A
Other languages
Chinese (zh)
Other versions
CN107590240B (en
Inventor
王亚伟
陈少杰
张文明
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Wuhan Douyu Network Technology Co Ltd
Original Assignee
Wuhan Douyu Network Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Wuhan Douyu Network Technology Co Ltd filed Critical Wuhan Douyu Network Technology Co Ltd
Priority to CN201710822553.9A priority Critical patent/CN107590240B/en
Publication of CN107590240A publication Critical patent/CN107590240A/en
Application granted granted Critical
Publication of CN107590240B publication Critical patent/CN107590240B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Landscapes

  • Controls And Circuits For Display Device (AREA)
  • Document Processing Apparatus (AREA)

Abstract

The embodiments of the invention provide a kind of method and device of the adjustment word size for page rendering, method therein includes:Obtain the screen width for the mobile device for carrying out page rendering;Obtain the ratio of the screen width of the mobile device and the width of preset design original text;Obtain the scope of the first word size of the preset design original text;According to the scope of the first word size and the ratio, the second word size corresponding with the screen width is adjusted;According to the second word size, page rendering is carried out.The present invention solves the technical problem that prior art word adaptation in page rendering has deviation.

Description

A kind of method and device of adjustment word size for page rendering
Technical field
The present invention relates to a kind of method of field of computer technology, more particularly to adjustment word size for page rendering And device.
Background technology
At present, Android operation system is widely used in various mobile devices due to its increasing income property and good operability In.In Android system, generally page rendering is carried out by dynamically literal translating formula script JavaScript.
In the prior art, in page rendering, typically using rem adaptation modes, wherein, rem refers to relative to root element Font size unit.However, the species of mobile device is more, such as mobile phone, tablet personal computer etc., in various mobile devices Browser type is also varied, such as IE browser, Google's browser, 360 browsers etc., and various browsers are to rem's Treatment mechanism is inconsistent, some by the way of rounding up, and some uses method that truncates only retains integer etc., will so cause In page rendering, there is deviation in the word size in word size and advance design original text that system is shown.
It can be seen that there is the technical problem of deviation in prior art word adaptation in page rendering.
The content of the invention
The embodiments of the invention provide a kind of method and device of the adjustment word size for page rendering, to solve The technical problem of deviation be present in prior art word adaptation in page rendering.
In a first aspect, the invention provides a kind of method of the adjustment word size for page rendering, this method includes:
Obtain the screen width for the mobile device for carrying out page rendering;
Obtain the ratio of the screen width of the mobile device and the width of preset design original text;
Obtain the scope of the first word size of the preset design original text;
According to the scope of the first word size and the ratio, the second word corresponding with the screen width is adjusted Size;
According to the second word size, page rendering is carried out.
Optionally, the scope of the first word size of the preset design original text is 12px~44px, and first word Size is even number value.
Optionally, the scope according to the first word size and the ratio, adjustment and the screen width pair The the second word size answered, including:
According to the scope of the first word size, the set of the first word size is obtained;
According to each product between element and the ratio in the set of the first word size, obtain and the screen The set of second word size corresponding to curtain width;
The second word size for being rendered is chosen from the set of the second word size.
Optionally, it is described according to the second word size, page rendering is carried out, including:
According to the second word size, the inline style of the page to be rendered is set;
Based on the inline style, page rendering is carried out.
Based on same inventive concept, second aspect of the present invention provides a kind of adjustment word size for page rendering Device, described device includes:
First acquisition module, obtain the screen width for the mobile device for carrying out page rendering;
Second acquisition module, for obtaining the ratio of the screen width of the mobile device and the width of preset design original text;
3rd acquisition module, the scope of the first word size for obtaining the preset design original text;
Adjusting module, for the scope according to the first word size and the ratio, adjustment and the screen width Corresponding second word size;
Rendering module, for according to the second word size, carrying out page rendering.
Optionally, the scope of the first word size of the preset design original text is 12px~44px, and first word Size is even number value.
Optionally, the adjusting module is additionally operable to:
According to the scope of the first word size, the set of the first word size is obtained;
According to each product between element and the ratio in the set of the first word size, obtain and the screen The set of second word size corresponding to curtain width;
The second word size for being rendered is chosen from the set of the second word size.
Optionally, the rendering module is additionally operable to:
According to the second word size, the inline style of the page to be rendered is set;
Based on the inline style, page rendering is carried out.
Based on same inventive concept, third aspect present invention provides a kind of computer-readable recording medium, deposits thereon Computer program is contained, the program realizes following steps when being executed by processor:
Obtain the screen width for the mobile device for carrying out page rendering;
Obtain the ratio of the screen width of the mobile device and the width of preset design original text;
Obtain the scope of the first word size of the preset design original text;
According to the scope of the first word size and the ratio, the second word corresponding with the screen width is adjusted Size;
According to the second word size, page rendering is carried out.
Based on same inventive concept, fourth aspect present invention provides a kind of computer equipment, including memory, processing Device and storage are realized on a memory and the computer program that can run on a processor, during the computing device described program Following steps:
Obtain the screen width for the mobile device for carrying out page rendering;
Obtain the ratio of the screen width of the mobile device and the width of preset design original text;
Obtain the scope of the first word size of the preset design original text;
According to the scope of the first word size and the ratio, the second word corresponding with the screen width is adjusted Size;
According to the second word size, page rendering is carried out.
Said one or multiple technical schemes in the embodiment of the present application, at least there is following one or more technology effects Fruit:
The method of the adjustment word size for being used for page rendering of the present invention, including the movement of acquisition progress page rendering are set Standby screen width, the ratio of the screen width of the mobile device and the width of preset design original text is obtained, obtained described default The scope of the first word size of original text is designed, according to the scope of the first word size and the ratio, adjustment and the screen Second word size corresponding to curtain width, according to the second word size, carry out page rendering.In method provided by the invention In, on the one hand, all it is directly according to the scope and mobile device of the first word size for the various browsers in mobile device Screen width and preset design original text width ratio, to adjust the second word size corresponding with the screen width, i.e., All it is that second word size is adjusted by the way of unified for different browsers, it is mono- without carrying out rem Position conversion, therefore different browsers can be avoided to cause to the difference of Font processing mechanism between actual font and design original text font Deviation;On the other hand, before the second word size is adjusted, the scope of the first word size has been obtained ahead of time, by estimated Calculation can improve computational efficiency.So the present invention realizes the second word size and in preset design original text first in page rendering The accurate adaptation of word size, and the technique effect of computational efficiency is improved, solve prior art word in page rendering The technical problem of deviation be present in adaptation.
Brief description of the drawings
Fig. 1 is the method flow diagram for the adjustment word size that the embodiment of the present invention is used for page rendering;
Fig. 2 is the structure chart of the device for the adjustment word size that the embodiment of the present invention is used for page rendering;
Fig. 3 is a kind of structure chart of computer-readable recording medium of the embodiment of the present invention;
Fig. 4 is a kind of structure chart of computer equipment of the embodiment of the present invention.
Embodiment
The embodiments of the invention provide a kind of method and device of the adjustment word size for page rendering, to solve The technical problem of deviation be present in prior art word adaptation in page rendering.
In order to solve the above-mentioned technical problem, technical scheme thinking provided by the invention is as follows:
A kind of method of adjustment word size for page rendering, including:Obtain the mobile device for carrying out page rendering Screen width;Obtain the ratio of the screen width of the mobile device and the width of preset design original text;Obtain described set Count the scope of the first word size of original text;According to the scope of the first word size and the ratio, adjustment and the screen Second word size corresponding to width, according to the second word size, carry out page rendering.
In method provided by the invention, on the one hand, be all directly according to for the various browsers in mobile device The ratio of the scope of one word size and the screen width of mobile device and the width of preset design original text, to adjust and the screen Second word size corresponding to width, i.e., all it is that second word size entered by the way of unified for different browsers Row adjustment, without carrying out rem Conversion of measurement unit, therefore can avoid different browsers from causing the difference of Font processing mechanism Deviation between actual font and design original text font;On the other hand, before the second word size is adjusted, it has been obtained ahead of time first The scope of word size, by the way that computational efficiency can be improved with calculating.So the present invention realizes the second word in page rendering Size is adapted to the first the accurate of word size in preset design original text, and improves the technique effect of computational efficiency, is solved existing With the presence of the technical problem of technology word adaptation deviation in page rendering.
Technical solution of the present invention is described in detail below by accompanying drawing and specific embodiment, it should be understood that the application Specific features in embodiment and embodiment are the detailed description to technical scheme, rather than to present techniques The restriction of scheme, in the case where not conflicting, the technical characteristic in the embodiment of the present application and embodiment can be mutually combined.
Embodiment one
First aspect present invention provides a kind of method of the adjustment word size for page rendering, refers to Fig. 1.Need It is noted that the present embodiment provide method mobile device include mobile phone, tablet personal computer, intelligent watch or other be equipped with The equipment of intelligent operating system, the present invention are not particularly limited.In addition, operation system can be Android android system or its His system, the present invention are also not particularly limited to this.
In order that the explanation of embodiment one becomes apparent from, the reality for the method that the embodiment of the present application provides will be discussed in detail with reference to Fig. 1 Apply step.
First, step S101 is performed, obtains the screen width for the mobile device for carrying out page rendering.
In specific implementation process, the screen width of mobile device is the width of screen resolution, different mobile devices Resolution ratio it is different, the width of screen resolution can be obtained by JavaScript, being implemented as code is document.body.clientWidth。
Then step S102 is performed:Obtain the ratio of the screen width of the mobile device and the width of preset design original text.
Specifically, preset design original text is the design original text for page rendering, is typically according to circumstances entered by front end engineer Row is set, and preset design original text width can be 650,750,800 pixels etc., for example, the screen of such as mobile device is wide Degree represents that preset design original text width is represented with UI_WIDTH with WIN_WIDTH, can be calculated and be moved by JavaScript The ratio of the screen width and the width of preset design original text of dynamic equipment, concrete implementation code are as follows:
Wherein, getFitVal is the function for obtaining ratio, and toFixed (n) is the function to round up applied in JS, n The decimal digits to be retained is represented, n span can be 0~20, and when n is more than 20, JS can report an error, and fitVal is The ratio WIN_WIDTH/UI_WIDTH of the screen width of mobile device and the width of preset design original text.
Next step S103 is performed:Obtain the scope of the first word size of the preset design original text.
Specifically, the font size for page rendering may include a variety of, in specific implementation process, Ke Yigen According to actual conditions or it is actually needed, the scope of the first word size in preset design original text is set, such as can be 10-50,12- 44th, 20-60 etc., it is not particularly limited herein.
In the screen width and the ratio of the width of preset design original text that obtain mobile device and the first of preset design original text After the scope of word size, step S104 is then performed:According to the scope of the first word size and the ratio, adjustment The second word size corresponding with the screen width.
, can be by defining word sizes of the conversion function fitFsNum to preset design original text in specific implementation process Changed, to obtain the second word size corresponding to screen width.Obtain the second word size corresponding with screen width It is as follows to implement code:
Wherein, Util.isString is used to determine whether character string, and parseInt () function is used to parse a character String, replace () method are used to replace other characters with some characters in character string.
As a kind of preferred embodiment, the scope of the first word size of above-mentioned preset design original text is 12px~44px, And the first word size is even number value.According to the substantial amounts of practice and research of applicant, the word in pre-designed original text is found When magnitude range is 12~44, the magnitude range for being typically designed original text word can be covered substantially, if beyond this value range Word size has had been detached from normal word magnitude range sometimes, and actual converted value is smaller, in addition, by preset design original text The first word be dimensioned to even number value, be in order to preferably ensure obtain in a variety of browsers preferably Rendering effect, because if being odd number value, partial view device will be unable to the corresponding word of fine rendering type.Certainly, if Most of browser when the first word size is base value, also can good rendering type, then the first word be dimensioned to Odd number value is also possible.The present invention is adapted to directly by the width of current screen to the word size of preset design original text Conversion, can effectively reduce that browser is inconsistent to the processing of the decimal places of rem values caused to render error.
A kind of method for obtaining the second word size is specifically introduced, in the scope and ratio according to the first word size, is obtained When obtaining the second word size, i.e. target text, there can be a variety of implementations, such as:According to the scope of the first word size, obtain Obtain the set of the first word size;Then according to each multiplying between element and the ratio in the set of the first word size Product, obtain the set of the second word size corresponding with the screen width;Chosen from the set of the second word size For the second word size rendered.
Using the first word magnitude range as { 12,14,16,18 ... ..38,40,42,44 }, the screen width of mobile device Exemplified by ratio with the width of preset design original text is 0.5, it is further described.In specific implementation process, it can pass through Above-mentioned conversion function fitFsNum is circulated, i.e., by each element value in the first word magnitude range, respectively at foregoing ratio It is multiplied, so as to obtain the second word size corresponding with the first word magnitude range, the collection of the second word size is combined into {fs12:“font-size:12px”,fs14:“font-size:14px”...fs44:“font-size:44px " }, so as to obtain The second word size is obtained, concrete implementation code is as follows:
The present invention is before page rendering is carried out using conversion function fitFsNum=fsNum*fitVal to preset design original text Word size precalculated and changed, computational efficiency can be improved, and be more precisely accomplished to design original text word The adaptation of size.
Finally perform step S105:According to the second word size, page rendering is carried out.
Specifically, after the second word size is obtained, it is possible to carry out page rendering according to the second word size.As A kind of alternative embodiment, inline style can be set according to the second word size;The inline style is then based on, is entered Row page rendering.In specific implementation process, after obtaining the second word size, can write on masterplate is rendered corresponding to it is literary Word size pattern, that is, set inline style, so as to realize the accurate adaptation of word size.For example, the first word size For 28px, i.e.,<Divstyle={ G_FONTSIZE_STYLES.fs28 }></div>, then should by above-mentioned first word size It is as follows used in the wide lower effect of 375 screens:<Div style=" font-size:14px;"></div>, that is, it is adapted to 375 screen widths Under the second word size be 14px, by the present invention the above method, before JS renders the page, you can pass through JS precomputations The the second character script size gone out after being adapted to corresponding to the first character script size for rendering and needing to use, and with inline style Form realize the accurate adaptation of word size, improve computational efficiency, and JS execution performances can be ensured.
Based on same inventive concept, present invention also provides the adjustment word size with being used for page rendering in embodiment one The corresponding device of method, detailed in Example two.
Embodiment two
A kind of device of the adjustment word size for page rendering is present embodiments provided, refers to Fig. 2, the device bag Include:
First acquisition module 201, obtain the screen width for the mobile device for carrying out page rendering;
Second acquisition module 202, for obtaining the ratio of the screen width of the mobile device and the width of preset design original text Value;
3rd acquisition module 203, the scope of the first word size for obtaining the preset design original text;
Adjusting module 204, it is wide with the screen for the scope according to the first word size and the ratio, adjustment Second word size corresponding to degree;
Rendering module 205, for according to the second word size, carrying out page rendering.
What the present embodiment provided is used in the device of adjustment word size of page rendering, and the first of the preset design original text The scope of word size is 12px~44px, and the first word size is even number value.
What the present embodiment provided is used in the device of adjustment word size of page rendering, and the adjusting module 204 is also used In:
According to the scope of the first word size, the set of the first word size is obtained;
According to each product between element and the ratio in the set of the first word size, obtain and the screen The set of second word size corresponding to curtain width;Choose from the set of the second word size for being rendered Second word size.
What the present embodiment provided is used in the device of adjustment word size of page rendering, and the rendering module 205 is also used In:
According to the second word size, the inline style of the page to be rendered is set;
Based on the inline style, page rendering is carried out.
The various change mode of the method for the adjustment word size for being used for page rendering in the embodiment of earlier figures 1 and specific Example is equally applicable to the device of the adjustment word size for being used for page rendering of the present embodiment, by foregoing to for page wash with watercolours The detailed description of the method for the adjustment word size of dye, those skilled in the art are clear that the dress in the present embodiment Put, thus it is succinct for specification, it will not be described in detail herein.
Based on same inventive concept, present invention also provides the adjustment word size with being used for page rendering in embodiment one The corresponding computer-readable recording medium of method, detailed in Example three.
Embodiment three
A kind of computer-readable recording medium is present embodiments provided, is stored thereon with computer program, the program is located Reason device realizes following steps when performing:
Obtain the screen width for the mobile device for carrying out page rendering;
Obtain the ratio of the screen width of the mobile device and the width of preset design original text;
Obtain the scope of the first word size of the preset design original text;
According to the scope of the first word size and the ratio, the second word corresponding with the screen width is adjusted Size;
According to the second word size, page rendering is carried out.
The various change mode of the method for the adjustment word size for being used for page rendering in the embodiment of earlier figures 1 and specific Example is equally applicable to the computer-readable recording medium of the present embodiment, by foregoing big to the adjustment word for page rendering The detailed description of small method, those skilled in the art are clear that the computer-readable storage medium in the present embodiment Matter, thus it is succinct for specification, it will not be described in detail herein.
Based on same inventive concept, present invention also provides the adjustment word size with being used for page rendering in embodiment one The corresponding computer equipment of method, detailed in Example four.
Example IV
Present embodiments provide a kind of computer equipment, including memory, processor and storage are on a memory and can be The computer program run on processor, following steps are realized during the computing device described program:
Obtain the screen width for the mobile device for carrying out page rendering;
Obtain the ratio of the screen width of the mobile device and the width of preset design original text;
Obtain the scope of the first word size of the preset design original text;
According to the scope of the first word size and the ratio, the second word corresponding with the screen width is adjusted Size;
According to the second word size, page rendering is carried out.
The various change mode of the method for the adjustment word size for being used for page rendering in the embodiment of earlier figures 1 and specific Example is equally applicable to the computer equipment of the present embodiment, passes through the method for the foregoing adjustment word size to for page rendering Detailed description, those skilled in the art are clear that the computer equipment in the present embodiment, so for specification It is succinct, will not be described in detail herein.
Said one or multiple technical schemes in the embodiment of the present application, at least there is following one or more technology effects Fruit:
The method of the adjustment word size for being used for page rendering of the present invention, including the movement of acquisition progress page rendering are set Standby screen width, the ratio of the screen width of the mobile device and the width of preset design original text is obtained, obtained described default The scope of the first word size of original text is designed, according to the scope of the first word size and the ratio, adjustment and the screen Second word size corresponding to curtain width, and according to the second word size, carry out page rendering.In side provided by the invention In method, on the one hand, be all directly to be set according to the scope of the first word size and movement for the various browsers in mobile device The ratio of standby screen width and the width of preset design original text, to adjust the second word size corresponding with the screen width, All it is that second word size is adjusted by the way of unified i.e. for different browsers, without carrying out rem Conversion of measurement unit, thus can avoid different browsers the difference of Font processing mechanism is caused actual font and design original text font it Between deviation;On the other hand, before the second word size is adjusted, the scope of the first word size has been obtained ahead of time, by with Calculating can improve computational efficiency.So the present invention realizes in page rendering in the second word size and preset design original text the The accurate adaptation of one word size, and the technique effect of computational efficiency is improved, solve prior art in page rendering eight-legged essay Word is adapted to the technical problem that deviation be present.
It should be understood by those skilled in the art that, embodiments of the invention can be provided as method, system or computer program Product.Therefore, the present invention can use the reality in terms of complete hardware embodiment, complete software embodiment or combination software and hardware Apply the form of example.Moreover, the present invention can use the computer for wherein including computer usable program code in one or more The computer program production that usable storage medium is implemented on (including but is not limited to magnetic disk storage, CD-ROM, optical memory etc.) The form of product.
The present invention is the flow with reference to method according to embodiments of the present invention, equipment (system) and computer program product Figure and/or block diagram describe.It should be understood that can be by every first-class in computer program instructions implementation process figure and/or block diagram Journey and/or the flow in square frame and flow chart and/or block diagram and/or the combination of square frame.These computer programs can be provided The processors of all-purpose computer, special-purpose computer, Embedded Processor or other programmable data processing devices is instructed to produce A raw machine so that produced by the instruction of computer or the computing device of other programmable data processing devices for real The device for the function of being specified in present one flow of flow chart or one square frame of multiple flows and/or block diagram or multiple square frames.
These computer program instructions, which may be alternatively stored in, can guide computer or other programmable data processing devices with spy Determine in the computer-readable memory that mode works so that the instruction being stored in the computer-readable memory, which produces, to be included referring to Make the manufacture of device, the command device realize in one flow of flow chart or multiple flows and/or one square frame of block diagram or The function of being specified in multiple square frames.
These computer program instructions can be also loaded into computer or other programmable data processing devices so that counted Series of operation steps is performed on calculation machine or other programmable devices to produce computer implemented processing, so as in computer or The instruction performed on other programmable devices is provided for realizing in one flow of flow chart or multiple flows and/or block diagram one The step of function of being specified in individual square frame or multiple square frames.
Obviously, those skilled in the art can carry out the essence of various changes and modification without departing from the present invention to the present invention God and scope.So, if these modifications and variations of the present invention belong to the scope of the claims in the present invention and its equivalent technologies Within, then the present invention is also intended to comprising including these changes and modification.

Claims (10)

1. a kind of method of adjustment word size for page rendering, it is characterised in that including:
Obtain the screen width for the mobile device for carrying out page rendering;
Obtain the ratio of the screen width of the mobile device and the width of preset design original text;
Obtain the scope of the first word size of the preset design original text;
According to the scope of the first word size and the ratio, it is big to adjust the second word corresponding with the screen width It is small;
According to the second word size, page rendering is carried out.
2. the method as described in claim 1, it is characterised in that the scope of the first word size of the preset design original text is 12px~44px, and the first word size is even number value.
3. the method as described in claim 1, it is characterised in that the scope according to the first word size and the ratio Value, the second word size corresponding with the screen width is adjusted, including:
According to the scope of the first word size, the set of the first word size is obtained;
According to each product between element and the ratio in the set of the first word size, obtain wide with the screen The set of second word size corresponding to degree;
The second word size for being rendered is chosen from the set of the second word size.
4. the method as described in claim 1, it is characterised in that it is described according to the second word size, page rendering is carried out, Including:
According to the second word size, the inline style of the page to be rendered is set;
Based on the inline style, page rendering is carried out.
A kind of 5. device of adjustment word size for page rendering, it is characterised in that including:
First acquisition module, obtain the screen width for the mobile device for carrying out page rendering;
Second acquisition module, for obtaining the ratio of the screen width of the mobile device and the width of preset design original text;
3rd acquisition module, the scope of the first word size for obtaining the preset design original text;
Adjusting module, it is corresponding with the screen width for the scope according to the first word size and the ratio, adjustment The second word size;
Rendering module, for according to the second word size, carrying out page rendering.
6. device as claimed in claim 5, it is characterised in that the scope of the first word size of the preset design original text is 12px~44px, and the first word size is even number value.
7. device as claimed in claim 5, it is characterised in that the adjusting module is additionally operable to:
According to the scope of the first word size, the set of the first word size is obtained;
According to each product between element and the ratio in the set of the first word size, obtain wide with the screen The set of second word size corresponding to degree;
The second word size for being rendered is chosen from the set of the second word size.
8. device as claimed in claim 5, it is characterised in that the rendering module is additionally operable to:
According to the second word size, the inline style of the page to be rendered is set;
Based on the inline style, page rendering is carried out.
9. a kind of computer-readable recording medium, is stored thereon with computer program, it is characterised in that the program is held by processor Following steps are realized during row:
Obtain the screen width for the mobile device for carrying out page rendering;
Obtain the ratio of the screen width of the mobile device and the width of preset design original text;
Obtain the scope of the first word size of the preset design original text;
According to the scope of the first word size and the ratio, it is big to adjust the second word corresponding with the screen width It is small;
According to the second word size, page rendering is carried out.
10. a kind of computer equipment, including memory, processor and storage are on a memory and the meter that can run on a processor Calculation machine program, it is characterised in that realize following steps during the computing device described program:
Obtain the screen width for the mobile device for carrying out page rendering;
Obtain the ratio of the screen width of the mobile device and the width of preset design original text;
Obtain the scope of the first word size of the preset design original text;
According to the scope of the first word size and the ratio, it is big to adjust the second word corresponding with the screen width It is small;
According to the second word size, page rendering is carried out.
CN201710822553.9A 2017-09-13 2017-09-13 Method and device for adjusting size of characters for page rendering Active CN107590240B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710822553.9A CN107590240B (en) 2017-09-13 2017-09-13 Method and device for adjusting size of characters for page rendering

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710822553.9A CN107590240B (en) 2017-09-13 2017-09-13 Method and device for adjusting size of characters for page rendering

Publications (2)

Publication Number Publication Date
CN107590240A true CN107590240A (en) 2018-01-16
CN107590240B CN107590240B (en) 2021-01-01

Family

ID=61051282

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710822553.9A Active CN107590240B (en) 2017-09-13 2017-09-13 Method and device for adjusting size of characters for page rendering

Country Status (1)

Country Link
CN (1) CN107590240B (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110532488A (en) * 2018-05-23 2019-12-03 腾讯科技(深圳)有限公司 Webpage rendering method, device and electronic equipment

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102436452A (en) * 2010-09-29 2012-05-02 英业达股份有限公司 Webpage providing system and method for dynamically adjusting sizes of fonts
US20120110438A1 (en) * 2010-11-03 2012-05-03 Microsoft Corporation Proportional Font Scaling
CN102930851A (en) * 2012-10-16 2013-02-13 深圳市融创天下科技股份有限公司 Font size self-adapting method, system and terminal equipment
CN104978433A (en) * 2015-07-16 2015-10-14 无锡天脉聚源传媒科技有限公司 Web page display method and device
CN105045893A (en) * 2015-07-31 2015-11-11 北京奇虎科技有限公司 Adaptation method and apparatus for picture in webpage
CN106557501A (en) * 2015-09-28 2017-04-05 腾讯科技(深圳)有限公司 A kind of screen adaptation method of page module and device

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102436452A (en) * 2010-09-29 2012-05-02 英业达股份有限公司 Webpage providing system and method for dynamically adjusting sizes of fonts
US20120110438A1 (en) * 2010-11-03 2012-05-03 Microsoft Corporation Proportional Font Scaling
CN102930851A (en) * 2012-10-16 2013-02-13 深圳市融创天下科技股份有限公司 Font size self-adapting method, system and terminal equipment
CN104978433A (en) * 2015-07-16 2015-10-14 无锡天脉聚源传媒科技有限公司 Web page display method and device
CN105045893A (en) * 2015-07-31 2015-11-11 北京奇虎科技有限公司 Adaptation method and apparatus for picture in webpage
CN106557501A (en) * 2015-09-28 2017-04-05 腾讯科技(深圳)有限公司 A kind of screen adaptation method of page module and device

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110532488A (en) * 2018-05-23 2019-12-03 腾讯科技(深圳)有限公司 Webpage rendering method, device and electronic equipment

Also Published As

Publication number Publication date
CN107590240B (en) 2021-01-01

Similar Documents

Publication Publication Date Title
Wu et al. Mobilevisfixer: Tailoring web visualizations for mobile phones leveraging an explainable reinforcement learning framework
US8625932B2 (en) Seam carving using seam energy re-computation in seam neighborhood
CN107515759A (en) Screenshotss method, apparatus, electronic equipment and readable storage medium storing program for executing
CN106503041A (en) Page layout self-adaptive method and system
JP2017078934A (en) Calculation method of convolution neural network, calculation program, and information processor
CN108241505A (en) A kind of page adaptation method and device
CN106155654B (en) Method and device for shielding webpage operation and electronic equipment
CN104572431B (en) A kind of method of testing and device
KR102287948B1 (en) Apparatus and method for processing animation
CN105930464A (en) Web rich media multi-screen adaptation method and apparatus
US8761519B2 (en) System and method for selecting an object boundary in an image
CN105094622A (en) Method and equipment for regulating column width of table
US20130120407A1 (en) Seam-Based Reduction and Expansion of Images Using Partial Solution Matrix Dependent on Dynamic Programming Access Pattern
CN106204439A (en) The method and system of picture self-adaptive processing
CN107707965A (en) The generation method and device of a kind of barrage
CN107450904A (en) The method for drafting and device of title bar
CN107590240A (en) A kind of method and device of adjustment word size for page rendering
JP6395160B2 (en) Document layout of electronic display
CN115268904A (en) User interface design file generation method, device, equipment and medium
CN107562455A (en) List self-adaptive layout method and device in a kind of HTML
CN104750398B (en) Based on the graphical interaction system of hydrology drawing and the processing method of hydrographic data
CN110909276A (en) Data rendering method and device, computer equipment and storage medium
US9213681B2 (en) Method and system to modify source content to fit into a target display area in a browser
CN110309449A (en) Page rendering method and device
CN103593822A (en) Method and device carrying out frosted special efficacy treatment to data image

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