CN110413915A - Screen for mobile terminal common component is adaptive, compatible method and device - Google Patents
Screen for mobile terminal common component is adaptive, compatible method and device Download PDFInfo
- Publication number
- CN110413915A CN110413915A CN201910675760.5A CN201910675760A CN110413915A CN 110413915 A CN110413915 A CN 110413915A CN 201910675760 A CN201910675760 A CN 201910675760A CN 110413915 A CN110413915 A CN 110413915A
- Authority
- CN
- China
- Prior art keywords
- size
- screen
- common component
- adaptive
- unit
- 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
Abstract
This application discloses a kind of screens for mobile terminal common component adaptive, compatible method and device.This method includes using self-adaptive layout unit, calculates the size of common component, wherein the self-adaptive layout unit is based on HTML5；Judge whether the size of the common component is compatible with current screen, wherein the screen refers to the screen of mobile terminal；If the current screen of the size compatibility of the common component, the second pre-set dimension unit is used；If the incompatible current screen of the size of the common component, the first pre-set dimension unit is used.It cannot achieve adaptive technical problem present application addresses mobile terminal common component.Graceful use related layouts' unit in common component, which is realized, by the application realizes that screen is adaptive.
Description
Technical field
This application involves WEB front-end development fields, certainly in particular to a kind of screen for mobile terminal common component
Adaptation, compatible method and device.
Background technique
Common component is used as dimensional units using px (full name: pixel, i.e. pixel) substantially.
Inventors have found that currently without mobile screen adaptive problem is considered, also without being done certainly using related layouts' unit
The public or open source component adapted to.
It cannot achieve adaptive problem for mobile terminal common component in the related technology, not yet propose effective solution at present
Certainly scheme.
Summary of the invention
The main purpose of the application is to provide a kind of screen adaptive approach and device for mobile terminal common component,
To solve the problems, such as that it is adaptive that mobile terminal common component cannot achieve.
To achieve the goals above, it according to the one aspect of the application, provides a kind of for mobile terminal common component
Screen adaptive approach.
It include: using self-adaptive layout list according to the screen adaptive approach for mobile terminal common component of the application
Member calculates the size of common component, wherein the self-adaptive layout unit is based on HTML5；Judge the size of the common component
Whether current screen is compatible with, wherein the screen refers to the screen of mobile terminal；If the size compatibility of the common component is worked as
Preceding screen then uses the second pre-set dimension unit；If the incompatible current screen of the size of the common component, uses
First pre-set dimension unit.
Further, using self-adaptive layout unit, the size for calculating common component includes: using self-adaptive layout list
Member, the size of components as unit of the second pre-set dimension unit
X=screenWidth*componentWidth/designWidth,
Wherein, X unit VW, screenWidth are the width of design document, and componentWidth is screen width,
DesignWidth is the design width of common component.
Further, judge whether the size of the common component is compatible with current screen and includes:
If the current screen of the size compatibility of the common component, the second pre-set dimension list that dimensional units are VW is adopted
Member,
If the incompatible current screen of the size of the common component uses dimensional units for the first default ruler of PX
Very little unit.
Further, judge whether the size of the common component is compatible with after current screen, further includes:
If screen is compatible with the second pre-set dimension unit, display size of the automatic adjusument in screen；
If the incompatible second pre-set dimension unit of screen, is maintained at screen after being converted into the first pre-set dimension unit
Display size size is constant.
To achieve the goals above, it according to further aspect of the application, provides a kind of for mobile terminal common component
Size compatibility detection method, for carrying out compatible detection on the mobile terminal for supporting VW size, which comprises
Using self-adaptive layout unit, the size of common component is calculated, wherein the self-adaptive layout unit is based on HTML5；Judge institute
State the whether adaptive current screen size of size of common component；If the size of the common component cannot be adaptively current
Screen size, then incompatible VW size；If the size of the common component can adaptive current screen size, be compatible with
VW size.
To achieve the goals above, it according to the another aspect of the application, provides a kind of for mobile terminal common component
Screen self-reacting device.
It include: computing module according to the screen self-reacting device for mobile terminal common component of the application, for using
Self-adaptive layout unit calculates the size of common component, wherein the self-adaptive layout unit is based on HTML5；Judgment module,
For judging whether the size of the common component is compatible with current screen, wherein the screen refers to the screen of mobile terminal；The
One adaptation module uses the second pre-set dimension unit if the screen that size compatibility for the common component is current；
Second adaptation module uses the first pre-set dimension if the incompatible current screen of size for the common component
Unit.
Further, the computing module, is used for
Size of components using self-adaptive layout unit, as unit of the second pre-set dimension unit
X=screenWidth*componentWidth/designWidth,
Wherein, X unit VW, screenWidth are the width of design document, and componentWidth is screen width,
DesignWidth is the design width of common component.
Further, the judgment module, is used for
If the current screen of the size compatibility of the common component, the second pre-set dimension list that dimensional units are VW is adopted
Member,
If the incompatible current screen of the size of the common component uses dimensional units for the first default ruler of PX
Very little unit.
Further, device further include: adjustment module is used for
If screen is compatible with the second pre-set dimension unit, display size of the automatic adjusument in screen；
If the incompatible second pre-set dimension unit of screen, is maintained at screen after being converted into the first pre-set dimension unit
Display size size is constant.
To achieve the goals above, it according to the another aspect of the application, provides a kind of for mobile terminal common component
Size compatibility detection device, for carrying out compatible detection on the mobile terminal for supporting VW size, described device includes: group
Part computing module calculates the size of common component, wherein the self-adaptive layout unit for using self-adaptive layout unit
Based on HTML5；Whether adaptive screen adaptive judgement module, the size current screen for judging the common component be big
It is small；First detection module, if for the common component size cannot adaptive current screen size, incompatible VW
Size；Second detection module, if for the common component size can adaptive current screen size, be compatible with VW ruler
It is very little.
Method adaptive for the screen of mobile terminal common component, compatible and device in the embodiment of the present application, are adopted
With self-adaptive layout unit, the mode of the size of common component is calculated, by judging whether the size of the common component is compatible with
Current screen uses the second pre-set dimension unit if the screen that the size compatibility for having reached the common component is current,
If the incompatible current screen of the size of the common component, the purpose of the first pre-set dimension unit is used, to realize
It is graceful in common component that adaptive technical effect is done using VW, and then solve mobile terminal common component and cannot achieve
Adaptive technique problem.
Detailed description of the invention
The attached drawing constituted part of this application is used to provide further understanding of the present application, so that the application's is other
Feature, objects and advantages become more apparent upon.The illustrative examples attached drawing and its explanation of the application is for explaining the application, not
Constitute the improper restriction to the application.In the accompanying drawings:
Fig. 1 is illustrated according to the screen adaptive approach process for mobile terminal common component of the application first embodiment
Figure；
Fig. 2 is illustrated according to the screen adaptive approach process for mobile terminal common component of the application second embodiment
Figure；
Fig. 3 is illustrated according to the screen adaptive approach process for mobile terminal common component of the application 3rd embodiment
Figure；
Fig. 4 is illustrated according to the size compatibility detection method process for mobile terminal common component of the embodiment of the present application
Figure；
Fig. 5 is the screen self-reacting device structural schematic diagram for mobile terminal common component according to the embodiment of the present application；
Fig. 6 is illustrated according to the size compatibility structure of the detecting device for mobile terminal common component of the embodiment of the present application
Figure.
Specific embodiment
In order to make those skilled in the art more fully understand application scheme, below in conjunction in the embodiment of the present application
Attached drawing, the technical scheme in the embodiment of the application is clearly and completely described, it is clear that described embodiment is only
The embodiment of the application a part, instead of all the embodiments.Based on the embodiment in the application, ordinary skill people
Member's every other embodiment obtained without making creative work, all should belong to the model of the application protection
It encloses.
It should be noted that the description and claims of this application and term " first " in above-mentioned attached drawing, "
Two " etc. be to be used to distinguish similar objects, without being used to describe a particular order or precedence order.It should be understood that using in this way
Data be interchangeable under appropriate circumstances, so as to embodiments herein described herein.In addition, term " includes " and " tool
Have " and their any deformation, it is intended that cover it is non-exclusive include, for example, containing a series of steps or units
Process, method, system, product or equipment those of are not necessarily limited to be clearly listed step or unit, but may include without clear
Other step or units listing to Chu or intrinsic for these process, methods, product or equipment.
In this application, term " on ", "lower", "left", "right", "front", "rear", "top", "bottom", "inner", "outside",
" in ", "vertical", "horizontal", " transverse direction ", the orientation or positional relationship of the instructions such as " longitudinal direction " be orientation based on the figure or
Positional relationship.These terms are not intended to limit indicated dress primarily to better describe the application and embodiment
Set, element or component must have particular orientation, or constructed and operated with particular orientation.
Also, above-mentioned part term is other than it can be used to indicate that orientation or positional relationship, it is also possible to for indicating it
His meaning, such as term " on " also are likely used for indicating certain relations of dependence or connection relationship in some cases.For ability
For the those of ordinary skill of domain, the concrete meaning of these terms in this application can be understood as the case may be.
In addition, term " installation ", " setting ", " being equipped with ", " connection ", " connected ", " socket " shall be understood in a broad sense.For example,
It may be a fixed connection, be detachably connected or monolithic construction；It can be mechanical connection, or electrical connection；It can be direct phase
It even, or indirectly connected through an intermediary, or is two connections internal between device, element or component.
For those of ordinary skills, the concrete meaning of above-mentioned term in this application can be understood as the case may be.
It should be noted that in the absence of conflict, the features in the embodiments and the embodiments of the present application can phase
Mutually combination.The application is described in detail below with reference to the accompanying drawings and in conjunction with the embodiments.
As shown in Figure 1, this method includes the following steps, namely S102 to step S108:
Step S102 calculates the size of common component using self-adaptive layout unit,
The self-adaptive layout unit is based on HTML5.
Step S104, judges whether the size of the common component is compatible with current screen,
The screen refers to the screen of mobile terminal.
Step S106 uses the second pre-set dimension unit if the screen that the size compatibility of the common component is current；
Step S108 uses the first pre-set dimension list if the incompatible current screen of the size of the common component
Member.
Using the self-adaptive layout unit, the size for carrying out common component is calculated.By judging the common component
Whether size is compatible with current screen, if the screen that the size compatibility of the common component is current, uses the second default ruler
Very little unit；If the incompatible current screen of the size of the common component, the first pre-set dimension unit is used.
Specifically, the adaptive calculating of screen can be done using VW, graceful rollback is that px makees screen when VW is incompatible
Adaptively.
It should be noted that VW is that release one of html5 aims at adaptive and raw layout unit, due to this unit
It is screen size correlation, for rem, without appointing rule in advance, but there are problems that system compatible.
It can be seen from the above description that the application realizes following technical effect:
Method adaptive for the screen of mobile terminal common component, compatible and device in the embodiment of the present application, are adopted
With self-adaptive layout unit, the mode of the size of common component is calculated, by judging whether the size of the common component is compatible with
Current screen uses the second pre-set dimension unit if the screen that the size compatibility for having reached the common component is current,
If the incompatible current screen of the size of the common component, the purpose of the first pre-set dimension unit is used, to realize
It is graceful in common component that adaptive technical effect is done using VW, and then solve mobile terminal common component and cannot achieve
Adaptive technique problem.
According to the embodiment of the present application, as preferred in the present embodiment, using self-adaptive layout unit, common component is calculated
Size include:
Size of components using self-adaptive layout unit, as unit of the second pre-set dimension unit
X=screenWidth*componentWidth/designWidth,
Wherein, X unit VW, screenWidth are the width of design document, and componentWidth is screen width,
DesignWidth is the design width of common component.
Specifically, by taking the size adaptive problem for designing original text as an example, it is assumed that design original text width is designWidth (unit
Pixel), screen width is screenWidth (unit pixel), and the design width of common component is componentWidth (unit
Pixel), the calculative size of components X as unit of VW.
Further, since design original text width designWidth, screen width screenWidth, the design of common component are wide
ComponentWidth is spent all it is known that obtaining under a proportional relationship: X=screenWidth*componentWidth/
DesignWidth, unit VW.
According to the embodiment of the present application, as preferred in the present embodiment, as shown in Fig. 2, judging the ruler of the common component
It is very little whether to be compatible with current screen and include:
Step S202 adopts second that dimensional units are VW if the screen that the size compatibility of the common component is current
Pre-set dimension unit,
Step S204, if the incompatible current screen of the size of the common component, uses dimensional units for PX's
First pre-set dimension unit.
Specifically, the adaptive screen of Component Gallery of open source or multidisciplinary public use is made in the equipment for supporting VW, even if
Cannot adaptively also can graceful degradation, solving the problems, such as in the past completely can not be adaptive for common component.
According to the embodiment of the present application, as preferred in the present embodiment, as shown in figure 3, judging the ruler of the common component
It is very little whether to be compatible with after current screen, further includes:
Step S302, if screen is compatible with the second pre-set dimension unit, display size of the automatic adjusument in screen；
Step S304, if the incompatible second pre-set dimension unit of screen, is protected after being converted into the first pre-set dimension unit
The display size size held in screen is constant.
If the compatible second pre-set dimension unit of screen, automatic adjusument screen display size, if screen
The incompatible second pre-set dimension unit of curtain, then be maintained at the display size size of screen not after being converted into the first pre-set dimension unit
Become.Specifically, the second pre-set dimension unit using VW as dimension cells, made using PX by the first pre-set dimension unit
For dimension cells.
Specifically, by taking VW, px as an example, when VW is incompatible, graceful rollback is the method for px are as follows: passes through JavaScript
A div element E is created, is added under body element, under default situations, body width that the width of E is 100%；Then, lead to
The width width for crossing JavaScript setting E is 50VW.If VW is supported, the width of E should be 50% body wide
Degree；If it does not, the width of E remains as 100% body width.If it is, using VW, used if incompatible
px.Finally, the above compliance logic is encapsulated into public function size, set by way of E.style.width=size (x)
Element size is set, realizes graceful retract.
In another embodiment of the application, the size compatibility detection side for mobile terminal common component is additionally provided
Method, as shown in figure 4, for carrying out compatible detection on the mobile terminal for supporting VW size, method includes:
Step S402 calculates the size of common component using self-adaptive layout unit, wherein the self-adaptive layout list
Member is based on HTML5；
Step S404 judges the whether adaptive current screen size of the size of the common component；
Step S406, if the size of the common component cannot adaptive current screen size, incompatible VW ruler
It is very little；
Step S408, if the size of the common component can adaptive current screen size, be compatible with VW size.
The size compatibility detection method for mobile terminal common component is provided in the present embodiment, using adaptive cloth
Office's unit, calculates the size of common component, judges the whether adaptive current screen size of the size of the common component；If
The size of the common component cannot adaptive current screen size, then incompatible VW size；If the common component
Size can adaptive current screen size, then be compatible with VW size.It through the above steps, can be at the mobile end for supporting VW size
Compatible detection is carried out on end.If the size of the common component cannot adaptive current screen size, incompatible VW
Size, if the size of the common component can adaptive current screen size, be compatible with VW size.
It should be noted that step shown in the flowchart of the accompanying drawings can be in such as a group of computer-executable instructions
It is executed in computer system, although also, logical order is shown in flow charts, and it in some cases, can be with not
The sequence being same as herein executes shown or described step.
According to the embodiment of the present application, additionally provide a kind of for implementing the screen for mobile terminal common component of the above method
Curtain self-reacting device, for using self-adaptive layout unit, calculates common set as shown in figure 5, the device includes: computing module
The size of part, wherein the self-adaptive layout unit is based on HTML5；Judgment module, for judging the size of the common component
Whether current screen is compatible with, wherein the screen refers to the screen of mobile terminal；First adaptation module, if for described
The current screen of the size compatibility of common component then uses the second pre-set dimension unit；Second adaptation module, if being used for institute
The incompatible current screen of size of common component is stated, then uses the first pre-set dimension unit.
Using the self-adaptive layout unit, the size for carrying out common component is calculated.By judging the common component
Whether size is compatible with current screen, if the screen that the size compatibility of the common component is current, uses the second default ruler
Very little unit；If the incompatible current screen of the size of the common component, the first pre-set dimension unit is used.
Specifically, the adaptive calculating of screen can be done using VW, graceful rollback is that px makees screen when VW is incompatible
Adaptively.
It should be noted that VW is that release one of html5 aims at adaptive and raw layout unit, due to this unit
It is screen size correlation, for rem, without appointing rule in advance, but there are problems that system compatible.
According to the embodiment of the present application, as preferred in the present embodiment, the computing module is used for
Size of components using self-adaptive layout unit, as unit of the second pre-set dimension unit
X=screenWidth*componentWidth/designWidth,
Wherein, X unit VW, screenWidth are the width of design document, and componentWidth is screen width,
DesignWidth is the design width of common component.
According to the embodiment of the present application, as preferred in the present embodiment, as shown in figure 5, the judgment module, if for
The current screen of the size compatibility of the common component then adopts the second pre-set dimension unit that dimensional units are VW, if described
The incompatible current screen of the size of common component then uses dimensional units for the first pre-set dimension unit of PX.
Specifically, the adaptive screen of Component Gallery of open source or multidisciplinary public use is made in the equipment for supporting VW, even if
Cannot adaptively also can graceful degradation, solving the problems, such as in the past completely can not be adaptive for common component.
According to the embodiment of the present application, as preferred in the present embodiment, as shown in Figure 5, further includes: adjustment module is used for
If screen is compatible with the second pre-set dimension unit, display size of the automatic adjusument in screen；If screen incompatible second
Pre-set dimension unit, then be converted into be maintained at after the first pre-set dimension unit screen display size size it is constant.
If the compatible second pre-set dimension unit of screen, automatic adjusument screen display size, if screen
The incompatible second pre-set dimension unit of curtain, then be maintained at the display size size of screen not after being converted into the first pre-set dimension unit
Become.Specifically, the second pre-set dimension unit using VW as dimension cells, made using PX by the first pre-set dimension unit
For dimension cells.
Specifically, by taking VW, px as an example, when VW is incompatible, graceful rollback is the method for px are as follows: passes through JavaScript
A div element E is created, is added under body element, under default situations, body width that the width of E is 100%；Then, lead to
The width width for crossing JavaScript setting E is 50VW.If VW is supported, the width of E should be 50% body wide
Degree；If it does not, the width of E remains as 100% body width.If it is, using VW, used if incompatible
px.Finally, the above compliance logic is encapsulated into public function size, set by way of E.style.width=size (x)
Element size is set, realizes graceful retract.
According to the embodiment of the present application, additionally provide a kind of for implementing the ruler for mobile terminal common component of the above method
Very little compatibility detection device, for carrying out compatible detection on the mobile terminal for supporting VW size, as shown in fig. 6, the device
Include: Assembly calculation module 10, for using self-adaptive layout unit, calculate the size of common component, wherein is described adaptive
Layout units are based on HTML5；Screen adaptive judgement module 20, for judging whether the size of the common component is adaptively worked as
Preceding screen size；First detection module 30, if for the common component size cannot adaptively current screen it is big
It is small, then incompatible VW size；Second detection module 40, if the size for the common component can adaptive current screen
Size is then compatible with VW size.
The size compatibility detection method for mobile terminal common component is provided in the present embodiment, using adaptive cloth
Office's unit, calculates the size of common component, judges the whether adaptive current screen size of the size of the common component；If
The size of the common component cannot adaptive current screen size, then incompatible VW size；If the common component
Size can adaptive current screen size, then be compatible with VW size.It through the above steps, can be at the mobile end for supporting VW size
Compatible detection is carried out on end.If the size of the common component cannot adaptive current screen size, incompatible VW
Size, if the size of the common component can adaptive current screen size, be compatible with VW size.
Obviously, those skilled in the art should be understood that each module of above-mentioned the application or each step can be with general
Computing device realize that they can be concentrated on a single computing device, or be distributed in multiple computing devices and formed
Network on, optionally, they can be realized with the program code that computing device can perform, it is thus possible to which they are stored
Be performed by computing device in the storage device, perhaps they are fabricated to each integrated circuit modules or by they
In multiple modules or step be fabricated to single integrated circuit module to realize.In this way, the application be not limited to it is any specific
Hardware and software combines.
The foregoing is merely preferred embodiment of the present application, are not intended to limit this application, for the skill of this field
For art personnel, various changes and changes are possible in this application.Within the spirit and principles of this application, made any to repair
Change, equivalent replacement, improvement etc., should be included within the scope of protection of this application.
Claims (10)
1. a kind of screen adaptive approach for mobile terminal common component characterized by comprising
Using self-adaptive layout unit, the size of common component is calculated, wherein the self-adaptive layout unit is based on HTML5；
Judge whether the size of the common component is compatible with current screen, wherein the screen refers to the screen of mobile terminal；
If the current screen of the size compatibility of the common component, the second pre-set dimension unit is used；
If the incompatible current screen of the size of the common component, the first pre-set dimension unit is used.
2. screen adaptive approach according to claim 1, which is characterized in that use self-adaptive layout unit, calculate public
The size of component includes: the size of components using self-adaptive layout unit, as unit of the second pre-set dimension unit altogether
X=screenWidth*componentWidth/designWidth,
Wherein, X unit VW, screenWidth are the width of design document, and componentWidth is screen width,
DesignWidth is the design width of common component.
3. screen adaptive approach according to claim 1, which is characterized in that judge the common component size whether
Being compatible with current screen includes:
If the current screen of the size compatibility of the common component, the second pre-set dimension unit that dimensional units are VW is adopted,
If the incompatible current screen of the size of the common component uses dimensional units for the first pre-set dimension list of PX
Member.
4. screen adaptive approach according to claim 1, which is characterized in that judge the common component size whether
After compatible current screen, further includes:
If screen is compatible with the second pre-set dimension unit, display size of the automatic adjusument in screen；
If the incompatible second pre-set dimension unit of screen, it is converted into the display that screen is maintained at after the first pre-set dimension unit
Size is constant.
5. a kind of size compatibility detection method for mobile terminal common component, which is characterized in that for supporting VW size
Mobile terminal on carry out compatible detection, which comprises
Using self-adaptive layout unit, the size of common component is calculated, wherein the self-adaptive layout unit is based on HTML5；
Judge the whether adaptive current screen size of the size of the common component；
If the size of the common component cannot adaptive current screen size, incompatible VW size；
If the size of the common component can adaptive current screen size, be compatible with VW size.
6. a kind of screen self-reacting device for mobile terminal common component characterized by comprising
Computing module calculates the size of common component, wherein the self-adaptive layout list for using self-adaptive layout unit
Member is based on HTML5；
Judgment module, for judging whether the size of the common component is compatible with current screen, wherein the screen refers to shifting
The screen of moved end；
First adaptation module uses the second default ruler if the screen that size compatibility for the common component is current
Very little unit；
Second adaptation module, it is default using first if the incompatible current screen of size for the common component
Dimension cells.
7. the screen self-reacting device according to claim 6 for mobile terminal common component, which is characterized in that the meter
Module is calculated, is used for
Size of components using self-adaptive layout unit, as unit of the second pre-set dimension unit
X=screenWidth*componentWidth/designWidth,
Wherein, X unit VW, screenWidth are the width of design document, and componentWidth is screen width,
DesignWidth is the design width of common component.
8. the screen self-reacting device according to claim 6 for mobile terminal common component, which is characterized in that described to sentence
Disconnected module, is used for
If the current screen of the size compatibility of the common component, the second pre-set dimension unit that dimensional units are VW is adopted,
If the incompatible current screen of the size of the common component uses dimensional units for the first pre-set dimension list of PX
Member.
9. the screen self-reacting device according to claim 6 for mobile terminal common component, which is characterized in that also wrap
Include: adjustment module is used for
If screen is compatible with the second pre-set dimension unit, display size of the automatic adjusument in screen；
If the incompatible second pre-set dimension unit of screen, it is converted into the display that screen is maintained at after the first pre-set dimension unit
Size is constant.
10. a kind of size compatibility detection device for mobile terminal common component, which is characterized in that for supporting VW size
Mobile terminal on carry out compatible detection, described device includes:
Assembly calculation module calculates the size of common component, wherein the adaptive cloth for using self-adaptive layout unit
Office's unit is based on HTML5；
Screen adaptive judgement module, the whether adaptive current screen size of size for judging the common component；
First detection module, if for the common component size cannot adaptive current screen size, it is incompatible
VW size；
Second detection module, if for the common component size can adaptive current screen size, be compatible with VW ruler
It is very little.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910675760.5A CN110413915A (en) | 2019-07-24 | 2019-07-24 | Screen for mobile terminal common component is adaptive, compatible method and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910675760.5A CN110413915A (en) | 2019-07-24 | 2019-07-24 | Screen for mobile terminal common component is adaptive, compatible method and device |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN110413915A true CN110413915A (en) | 2019-11-05 |
Family
ID=68363080
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910675760.5A Pending CN110413915A (en) | 2019-07-24 | 2019-07-24 | Screen for mobile terminal common component is adaptive, compatible method and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110413915A (en) |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| AU2016205616A1 (en) * | 2015-01-06 | 2017-04-13 | Samsung Electronics Co., Ltd. | Method of displaying content and electronic device implementing same |
| CN106873991A (en) * | 2017-01-20 | 2017-06-20 | 腾讯科技（深圳）有限公司 | Page generation method and device |
| CN107688636A (en) * | 2017-08-22 | 2018-02-13 | 广州市百果园信息技术有限公司 | A kind of page adaptation method and apparatus |
| CN109783101A (en) * | 2019-01-25 | 2019-05-21 | 北京字节跳动网络技术有限公司 | The page layout method and device of browser automatic adaptation |
-
2019
- 2019-07-24 CN CN201910675760.5A patent/CN110413915A/en active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| AU2016205616A1 (en) * | 2015-01-06 | 2017-04-13 | Samsung Electronics Co., Ltd. | Method of displaying content and electronic device implementing same |
| CN106873991A (en) * | 2017-01-20 | 2017-06-20 | 腾讯科技（深圳）有限公司 | Page generation method and device |
| CN107688636A (en) * | 2017-08-22 | 2018-02-13 | 广州市百果园信息技术有限公司 | A kind of page adaptation method and apparatus |
| CN109783101A (en) * | 2019-01-25 | 2019-05-21 | 北京字节跳动网络技术有限公司 | The page layout method and device of browser automatic adaptation |
Non-Patent Citations (1)
| Title |
|---|
| 匿名: ""纯CSS3使用vw和vh视口单位实现自适应"", 《HTTP://CAIBAOJIAN.COM/VW-VH.HTML》 * |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN101443730B (en) | Display object layout changing device and method | |
| CN106604369A (en) | Terminal device with dual-mode switching function | |
| CN103970472A (en) | Electronic Device And Camera Switching Method Thereof | |
| CN103226573B (en) | The method of Search Results association display and client terminal | |
| CN107729459A (en) | Map interest point failure method for digging, device, equipment and computer-readable recording medium | |
| CN104331262B (en) | Synchronous display method, system and numerically-controlled machine tool based on QT embedded | |
| CN103176993B (en) | A kind of content presenting device and method | |
| CN104571928A (en) | Interface display control method and device | |
| CN104423829A (en) | Information processing method and electronic equipment | |
| CN105487804A (en) | Control method and electronic device | |
| CN103294351B (en) | A kind of display packing and electronic equipment | |
| CN103777863A (en) | Mobile terminal and display method of application program | |
| CN110413915A (en) | Screen for mobile terminal common component is adaptive, compatible method and device | |
| CN105872135A (en) | Mobile terminal | |
| JP2009193089A (en) | Object transmission display device | |
| CN109857626A (en) | Method for testing pressure and device | |
| CN104281561A (en) | Data recovery method and electronic equipment | |
| CN106325788A (en) | Terminal, and screen expansion display method and system | |
| CN104598181B (en) | A kind of information processing method and electronic equipment | |
| CN105224575A (en) | A kind of document display method and device | |
| US20130265210A1 (en) | Information processing terminal and control method thereof | |
| CN202153744U (en) | Router with display screen | |
| CN109885225A (en) | A kind of display methods, device and the computer equipment of tandem type selection | |
| CN109582269A (en) | Physics mosaic screen display methods, device and terminal device | |
| CN106550390A (en) | A kind of power consumption method for detecting abnormality and device |
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 | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20191105 |
|
| RJ01 | Rejection of invention patent application after publication |