CN103488777A - Method and system for adjusting webpage display effect - Google Patents
Method and system for adjusting webpage display effect Download PDFInfo
- Publication number
- CN103488777A CN103488777A CN201310457052.7A CN201310457052A CN103488777A CN 103488777 A CN103488777 A CN 103488777A CN 201310457052 A CN201310457052 A CN 201310457052A CN 103488777 A CN103488777 A CN 103488777A
- Authority
- CN
- China
- Prior art keywords
- webpage
- screen
- display effect
- module
- file
- 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
Images
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
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention provides a method for adjusting a webpage display effect. The method comprises the steps of A, classifying screens to obtain screen classification results, B, determining corresponding webpage style schemes according to the screen classification results, C, writing the webpage style schemes into the same style sheet or into different style sheets, and D, loading the corresponding webpage style schemes from the style sheets to be applied to webpages by being matched with the widths of the screens. The invention further provides a system for adjusting the webpage display effect. The system comprises a screen classification module, a webpage style design module, a webpage style configuration file generation module and a webpage style generation module. The method and system for adjusting the webpage display effect have the advantages that the different webpage style schemes can be loaded according to screen resolutions, and therefore the webpages can be adjusted in an intelligent mode to display different appearances.
Description
Technical field
The application relates to networking technology area, particularly relates to a kind of method and system of regulating the web page display effect.
Background technology
Along with scientific and technological progress, people no longer only pass through desktop computer, the notebook browsing page, people can also browse all kinds of webpages by mobile devices such as mobile phones, these variations have also proposed new requirement to the webpage design form when bringing convenience to people's life, that be exactly traditional webpage fixed width design form will be no longer optimal selection, personal computer screen resolution is increasing (generally all more than 1000 pixels on the one hand, the main flow width is 1366 * 768 at present, what have has also reached 2000 pixels), if also continuing to use fixing web width, can to affect webpage attractive in appearance, for example under 1024 * 600 following resolution, the webpage layout width is 970px, if the webpage layout width remains 970px under 1440 * 900 above resolution, both sides can stay at least blank of each 215px.On the other hand, for mobile phone (width is usually below the 600 pixels) equipment that this class display screen is little, web page contents can cover by viewed device, for example, under the following resolution of 800 * 600px, the web page contents of 970px layout width can't be shown complete.The solution of a lot of websites, be for different equipment provides different webpages, such as a mobile device version is provided specially, or iPhone/iPad version.Do like this and no doubt guaranteed effect, but cumbersome, will safeguard several versions simultaneously, and if a website a plurality of entrances are arranged, can greatly increase the complexity of architecture design.
If can " once design, generally applicable ", allow the same page of throwing the net automatically adapt to the screens of difference size, will greatly reduce the operation maintenance cost of website.
Media Queries in CSS3 has increased a lot of Media Inquiries functions, the expression formula that can add different medium types is used for checking whether media meet some condition simultaneously, if media meet corresponding condition, will call corresponding style sheet so.Change sentence briefly, " we can arrange dissimilar media condition in CSS3, and, according to corresponding condition, call corresponding style sheet to corresponding qualified media ".The webpage that it can make the designer make can show normally, and can therefore not lose pattern under different resolution and equipment.For example, you can be placed on the one style document the pattern for showing on giant-screen with for the special-purpose pattern of mobile device, and like this, in the situation that do not change document content, different equipment can present different interface appearances.
How making same web page contents regulate the web page display effect when the screen display of different resolution is the problem to be solved in the present invention.
Summary of the invention
The application proposes a kind of method of regulating the web page display effect, and the method loads different pattern schemes according to screen resolution makes webpage present different outward appearances.
Method according to adjusting web page display effect of the present invention, comprise the steps,
A: screen is classified and obtained the screen classification results;
B: according to described screen classification results, establish corresponding webpage pattern scheme;
C: described webpage pattern scheme is write in same style sheet or writes in different style sheet;
D: the coupling screen width loads corresponding pattern scheme and is applied to webpage from described style sheet.
Preferably, in described steps A, described screen is classified by Horizontal number of pixels.According to data statistics, below six kinds of screen resolutions account for 71%, successively: 1024 * 768,1440 * 900,1366 * 768,1280 * 800,1920 * 1080,1680 * 1050, if can cause the development amount larger but described screen is all designed respectively to the pattern scheme, so we are divided into three classes by screen by Horizontal number of pixels,, the situation of X≤1024px is a class, the situation of 1024px<X≤1366 px is a class, X > situation of 1366 px is a class, X means the screen level pixel count.
Preferably, in described step B, webpage pattern scheme comprises described arbitrary scheme,
B1, make focus chart change size according to screen level pixel count situation;
B2, the page layout width is changed according to screen level pixel count situation.
Preferably, described webpage pattern scheme b 1 even screen level pixel count becomes greatly focus and attempts to change greatly described arbitrary scheme, if the screen level pixel count diminishes, focus chart diminishes.
For example, when described screen level pixel count is less than or equal to 1024px, described focus chart size is set to: 990px * 364px;
When described screen level pixel count is less than or equal to 1366px and is greater than 1024px simultaneously, described focus chart size is set to: 1280 px * 470 px;
When described screen level pixel count is greater than 1366px, described focus chart size is set to: 1440 px * 530 px.
Preferably, described webpage pattern scheme b 2, if comprise the multi-tool piece in page layout, show part or all of submodule content according to screen level pixel count situation to described arbitrary scheme.For example, when described screen level pixel count is less than or equal to 1024px, show 5 row submodule contents; When described screen level pixel count is less than or equal to 1366px and is greater than 1024px simultaneously, show 6 row submodule contents; When described screen level pixel count is greater than 1366px, show 7 row submodule contents.
Preferably, in described step C, described style sheet is the CSS file to described arbitrary scheme.
Preferably, described step D utilizes the Media Query module coupling screen width of CSS and selects suitable pattern file applications at webpage described arbitrary scheme.
The invention still further relates to a kind of system of regulating the web page display effect, described system comprises screen sort module, webpage pattern design module, webpage style configuration file generating module, webpage pattern generation module; It is characterized in that:
Described screen sort module is classified screen by Horizontal number of pixels, obtain the tabulation file;
Described webpage pattern design module, according to described tabulation file content, is adjusted the size of focus chart automatically, and the number of automatically adjusting webpage submodule quantity;
Described webpage style configuration file generating module, store focus chart size and how much information of webpage submodule in described webpage design module, and configuration information be stored in the style sheet file.
In above-mentioned arbitrary scheme, preferably, described style sheet file, for preserving described configuration information, adopt the CSS file layout.
In above-mentioned arbitrary scheme, preferably, described webpage pattern generation module, read current screen resolution, and, according to described tabulation file and described style sheet file, Auto-matching, realize that the webpage pattern meets the described Presentation Function when screen resolution.
Method and system according to adjusting web page display effect of the present invention, at first according to screen level resolution, classified, then according to classification results, the webpage pattern is designed, the adjustment that comprises focusing point diagram and webpage submodule layout, and net result is stored in the pattern file, when opening webpage, the automatic recognition screen resolution of system meeting, according to classification results, from the pattern file, select suitable webpage style configuration information to carry out the demonstration of webpage, thereby realized " once design, generally applicable ", allow the same page of throwing the net can automatically adapt to the function of the screen of different sizes.
The accompanying drawing explanation
Fig. 1 shows the process flow diagram according to the method for adjusting web page display effect of the present invention;
Fig. 2 shows the effect schematic diagram that shows 5 row modules when the screen level pixel count is less than or equal to 1024px;
Fig. 3 shows and is less than or equal to when 1366px is greater than 1024px the effect schematic diagram that shows 6 row modules when the screen level pixel count simultaneously;
Fig. 4 shows the schematic diagram that shows 7 row modules when the screen level pixel count is greater than 1366px;
Fig. 5 shows the function composition schematic diagram according to the system of adjusting web page display effect of the present invention.
Embodiment
Below will describe preferred embodiment of the present inventionly, those skilled in the art should be understood that these embodiments nonrestrictive.
Method according to adjusting web page display effect of the present invention, in turn include the following steps,
A: screen is classified and obtained the screen classification results;
B: according to described screen classification results, establish corresponding webpage pattern scheme;
C: described webpage pattern scheme is write in same style sheet or writes in different style sheet;
D: the coupling screen width loads corresponding pattern scheme and is applied to webpage from described style sheet.
In an embodiment, we are divided into three classes by screen by Horizontal number of pixels, that is, the situation of X≤1024px is a class, and the situation of 1024px<X≤1366 px is a class, X > situation of 1366 px is a class, X means the screen level pixel count.
Embodiment 1
In the present embodiment, when the screen level pixel count is less than or equal to 1024px, the focus chart size is set to: 990px * 364px; When described screen level pixel count is less than or equal to 1366px and is greater than 1024px simultaneously, the focus chart size is set to: 1280 px * 470 px; When described screen level pixel count is greater than 1366px, the focus chart size is set to: 1440 px * 530 px.
In the present embodiment 1, focus chart signal code is as follows:
<div?id="menu">
<ul>
<li id=' jdt ' ><div > the focus chart part</div ><li >
</ul>
</div>
In the present embodiment 1, css file signal code is as follows:
* when/* is less than or equal to 1024px when the screen level pixel count/
@media?screen?and?(max-width:?1024px)?{
/ * focus chart size is set to: 990px * 364px */
#menu?ul?li.jdt{
width:?990px;
height:?364px;
}
}
/ * when the screen level pixel count is less than or equal to 1366px while being greater than 1024px simultaneously */
@media?screen?and?(min-width:?1024px)?and?(max-width:?1366px)?{
/ * focus chart size is set to: 1280px * 470px */
#menu?ul?li.?jdt?{
width:?1280px;
height:?470px;
}
}
* when/* is greater than 1366px when the screen level pixel count/
@media?screen?and?(min?-width:?1366px)?{
/ * focus chart size is set to: 1440px * 530px */
#menu?ul?li.?jdt?{
width:?1440px;
height:?530px;
}
}
Embodiment 2
As shown in Figure 2, in the present embodiment, when the screen level pixel count is less than or equal to 1024px, show 5 row modules; As shown in Figure 3, in the present embodiment, when described screen level pixel count is less than or equal to 1366px and is greater than 1024px simultaneously, show 6 row modules; As shown in Figure 4, in the present embodiment, when described screen level pixel count is greater than 1366px, show 7 row modules.
In the present embodiment 3, page layout signal code is as follows:
<div?id="menu">
<ul>
<li id=' md1 ' ><div > module 1</div ><li >
<li id=' md2 ' ><div > module 2</div ><li >
<li id=' md3 ' ><div > module 3</div ><li >
<li id=' md4 ' ><div > module 4</div ><li >
<li id=' md5 ' ><div > module 5</div ><li >
<li id=' md6 ' ><div > module 6</div ><li >
<li id=' md7 ' ><div > module 7</div ><li >
</ul>
</div>
In the present embodiment 3, css file signal code is as follows:
* when/* is less than or equal to 1024px when the screen level pixel count/
@media?screen?and?(max-width:?1024px)?{
/ * module 6, module 7 do not show */
li#?md6,?li#?md7{
display:none;
}
/ * module 1,2,3,4,5 width are 18.5%, the width of outer back gauge be 0.75%*/
#menu?ul?li?{
width:?18.5%;
margin-left:?0.75%;
margin-right:?0.75%;
}
}
/ * when the screen level pixel count is less than or equal to 1366px while being greater than 1024px simultaneously */
@media?screen?and?(min-width:?1024px)?and?(max-width:?1366px)?{
/ * module 7 do not show */
li#?md7{
display:none;
}
/ * module 1,2,3,4,5,6 width are 15.6%, the width of outer back gauge be 0.5%*/
#menu?ul?li?{
width:?15.6666%;
margin-left:?0.5%;
margin-right:?0.5%;
}
}
* when/* is greater than 1366px when the screen level pixel count/
@media?screen?and?(min-width:?1366px)?{
/ * module 1,2,3,4,5,6,7 width are 13.4%, the width of outer back gauge be 0.4%*/
#menu?ul?li?{
width:?13.4%;
margin-left:?0.4%;
margin-right:?0.4%;
}
}
The width " device-width " that simultaneously CSS3 Media Queries can also query facility judges calling of pattern, and this mainly is used in iPhone, on iPads equipment, such as the following application of picture:
1, the utilization on iPhone and Smartphones
/ * iPhone and Smartphones (portrait and landscape), the developed width of equipment be greater than 320px be less than 480px */
@media?screen?and?(min-device-width?:?320px)?and?(max-device-width:?480px)?{
// pattern is placed on here ...
}
Wherein max-device-width refers to the whole sector width (developed width of equipment) of playing up of equipment.
2, the utilization on iPads
/ * iPads (landscape) developed width is greater than 768px and is less than 1024px) */
@media?screen?and?(min-device-width?:?768px)?and?(max-device-width?:?1024px)?and?(orientation?:?landscape)
{
// pattern is placed on here ...
}
/ * iPads (portrait) developed width be greater than 768px be less than 1024px */
@media?screen?and?(min-device-width?:?768px)?and?(max-device-width?:?1024px)?and?(orientation?:?portrait)
{
// pattern is placed on here ...
}
For the utilization of mobile device, if you want to allow the pattern work must be than compared with normal, need to be at the meta label of "<head > " interpolation " viewport ":
<meta?name="viewport"?content="width=device-width,?initial-scale=1.0">
The present invention also provides a kind of system of regulating the web page display effect, and as shown in Figure 5, described system comprises screen sort module, webpage pattern design module, webpage style configuration file generating module, webpage pattern generation module; Described screen sort module is classified screen by Horizontal number of pixels, obtain the tabulation file; Described webpage pattern design module, according to described tabulation file content, is adjusted the size of focus chart automatically, and the number of automatically adjusting webpage submodule quantity; Described webpage style configuration file generating module, store focus chart size and how much information of webpage submodule in described webpage design module, and configuration information be stored in the style sheet file.
Further, described screen sort module, realize the function that screen is classified by Horizontal number of pixels.For example, screen is divided into to three classes by Horizontal number of pixels, wherein X means the screen level pixel count, and X≤1024px is class one, and 1024px<X≤1366 px are class two, X > 1366 px are class three.
Described tabulation file, the result of being classified by Horizontal number of pixels for storing described screen.For example, according to described three class results, preserve border numerical value 1024 and 1366.
Described webpage pattern design module, realize the adaptive function of focus chart self-adaptation and page layout.Described focus chart self-adaptation, be according to described tabulation file content, automatically adjusts the size of focus chart.For example, when described screen level pixel count≤1024px, described focus chart size is set to: 900px * 364px; When described screen level pixel count≤1366px while>1024px, described focus chart size is set to: 1280 px * 470 px; When described screen level pixel count>1366px, described focus chart size is set to: 1440 px * 530 px.Described page layout self-adaptation, be according to described tabulation file content, automatically adjusts the number of webpage submodule quantity.For example, when described screen level pixel count≤1024px, show 5 row submodule contents; When described screen level pixel count≤1366px while>1024px, show 6 row submodule contents; When described screen level pixel count>1366px, show 7 row submodule contents.
Described webpage style configuration file generating module, the function of focus chart size and how much information of webpage submodule in the described webpage design module of realization storage, and configuration information is stored in the style sheet file.
Described style sheet file, for preserving described configuration information, adopt the CSS file layout.
Described webpage pattern generation module, read current screen resolution, and, according to described tabulation file and described style sheet file, Auto-matching, realize that the webpage pattern meets the described Presentation Function when screen resolution.
Method and system according to adjusting web page display effect of the present invention, at first according to screen level resolution, classified, then according to classification results, the webpage pattern is designed, the adjustment that comprises focusing point diagram and webpage submodule layout, and net result is stored in the pattern file, when opening webpage, the automatic recognition screen resolution of system meeting, according to classification results, from the pattern file, select suitable webpage style configuration information to carry out the demonstration of webpage, thereby realized " once design, generally applicable ", allow the same page of throwing the net can automatically adapt to the function of the screen of different sizes.
Those skilled in the art are not difficult to find out equally, the present invention is improvements over the prior art, it is the combination that the technical matters for existing in the solution prior art is carried out these key elements of the prior art, this combination a large amount of creative work that condensed is the crystallization of a large amount of theoretical researches of inventor and scientific experiment.Before not reading the present invention, those skilled in the art obviously are not easy to expect each scheme of the present invention, and, after having read this instructions, those skilled in the art needn't pay creative work again can realize basic technical scheme of the present invention.
Claims (10)
1. a method of regulating the web page display effect, comprise the steps,
A: screen is classified and obtained the screen classification results;
B: according to described screen classification results, establish corresponding webpage pattern scheme;
C: described webpage pattern scheme is write in same style sheet or writes in different style sheet;
D: the coupling screen width loads corresponding pattern scheme and is applied to webpage from described style sheet.
2. the method for adjusting web page display effect as claimed in claim 1, is characterized in that: in described steps A, screen is classified by Horizontal number of pixels.
3. the method for adjusting web page display effect as claimed in claim 1 is characterized in that: in described step B, described webpage pattern scheme comprises,
B1, make focus chart change size according to screen level pixel count situation;
B2, the page layout width is changed according to screen level pixel count situation.
4. the method for adjusting web page display effect as claimed in claim 3, it is characterized in that: described webpage pattern scheme b 1 is that the focus chart size changes with the screen level pixel count.
5. the method for adjusting web page display effect as claimed in claim 3 is characterized in that: described webpage pattern scheme b 2, if comprise the multi-tool piece in page layout, according to screen level pixel count situation display part molecule module contents.
6. the method for adjusting web page display effect as claimed in claim 1, it is characterized in that: in described step C, described style sheet is the CSS file.
7. the method for adjusting web page display effect as claimed in claim 1 is characterized in that: described step D utilizes the Media Query module coupling screen width of CSS and selects suitable pattern file applications at webpage.
8. a system of regulating the web page display effect, described system comprises screen sort module, webpage pattern design module, webpage style configuration file generating module, webpage pattern generation module; It is characterized in that:
Described screen sort module is classified screen by Horizontal number of pixels, obtain the tabulation file;
Described webpage pattern design module, according to described tabulation file content, is adjusted the size of focus chart automatically, and the number of automatically adjusting webpage submodule quantity;
Described webpage style configuration file generating module, store focus chart size and how much information of webpage submodule in described webpage design module, and configuration information be stored in the style sheet file.
9. the system of adjusting web page display effect as claimed in claim 8, is characterized in that: described tabulation file, the result of being classified by Horizontal number of pixels for storing described screen; Described style sheet file, for preserving described configuration information.
10. the system of adjusting web page display effect as claimed in claim 8, it is characterized in that: described webpage pattern generation module, read current screen resolution, and according to described tabulation file and described style sheet file, Auto-matching, realize that the webpage pattern meets the described Presentation Function when screen resolution.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310457052.7A CN103488777A (en) | 2013-09-30 | 2013-09-30 | Method and system for adjusting webpage display effect |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310457052.7A CN103488777A (en) | 2013-09-30 | 2013-09-30 | Method and system for adjusting webpage display effect |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN103488777A true CN103488777A (en) | 2014-01-01 |
Family
ID=49829003
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201310457052.7A Pending CN103488777A (en) | 2013-09-30 | 2013-09-30 | Method and system for adjusting webpage display effect |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103488777A (en) |
Cited By (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104123362A (en) * | 2014-07-18 | 2014-10-29 | 华中师范大学 | Multi-terminal-device-oriented webpage adaptation layout method |
| CN105117454A (en) * | 2015-08-18 | 2015-12-02 | 浪潮软件集团有限公司 | Device, system and method for accessing web product |
| CN105335154A (en) * | 2015-10-19 | 2016-02-17 | 沈文策 | Multi-terminal-oriented self-adaptive webpage layout method and device |
| CN105335055A (en) * | 2015-10-29 | 2016-02-17 | 努比亚技术有限公司 | Self-response type realization method and system of menu as well as terminal equipment |
| CN105677678A (en) * | 2014-11-20 | 2016-06-15 | 腾讯科技（武汉）有限公司 | Determination method for first screen positions of pages, webpage information display method and system |
| CN106021353A (en) * | 2016-05-09 | 2016-10-12 | Tcl集团股份有限公司 | Display adaption method and system of webpage |
| CN106919375A (en) * | 2015-12-28 | 2017-07-04 | 航天信息股份有限公司 | Screen adaptive approach and system on a kind of mobile terminal device |
| CN107391698A (en) * | 2017-07-27 | 2017-11-24 | 杭州登虹科技有限公司 | A kind of method, apparatus, medium and the computing device of Dynamic Announce webpage |
| CN108463822A (en) * | 2016-04-25 | 2018-08-28 | 谷歌有限责任公司 | Dynamic using visual style for the content element of information resources renders interaction statistics data |
| CN112800368A (en) * | 2021-01-25 | 2021-05-14 | 广州芯德通信科技股份有限公司 | Routing equipment webpage layout method based on self-adaptive mechanism |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101145161A (en) * | 2006-09-14 | 2008-03-19 | 三星电子株式会社 | Apparatus and method of composing web document and apparatus of setting web document arrangement |
| CN101908076A (en) * | 2010-08-24 | 2010-12-08 | 北京世纪高通科技有限公司 | Page layout self-adaptive method and device |
| CN102436484A (en) * | 2011-10-28 | 2012-05-02 | 优视科技有限公司 | Processing method and processing system for webpage picture amplification |
| CN102436452A (en) * | 2010-09-29 | 2012-05-02 | 英业达股份有限公司 | Webpage providing system and method for dynamically adjusting sizes of fonts |
-
2013
- 2013-09-30 CN CN201310457052.7A patent/CN103488777A/en active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101145161A (en) * | 2006-09-14 | 2008-03-19 | 三星电子株式会社 | Apparatus and method of composing web document and apparatus of setting web document arrangement |
| CN101908076A (en) * | 2010-08-24 | 2010-12-08 | 北京世纪高通科技有限公司 | Page layout self-adaptive method and device |
| CN102436452A (en) * | 2010-09-29 | 2012-05-02 | 英业达股份有限公司 | Webpage providing system and method for dynamically adjusting sizes of fonts |
| CN102436484A (en) * | 2011-10-28 | 2012-05-02 | 优视科技有限公司 | Processing method and processing system for webpage picture amplification |
Non-Patent Citations (2)
| Title |
|---|
| 张跃鹏: "自适应网页设计初探", 《商业文化》, 16 May 2012 (2012-05-16), pages 283 * |
| 杨宏伟等: "关于网页对客户端分辨率自适应策略的研究", 《电子商务》, 10 February 2007 (2007-02-10), pages 104 - 105 * |
Cited By (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104123362A (en) * | 2014-07-18 | 2014-10-29 | 华中师范大学 | Multi-terminal-device-oriented webpage adaptation layout method |
| CN105677678A (en) * | 2014-11-20 | 2016-06-15 | 腾讯科技（武汉）有限公司 | Determination method for first screen positions of pages, webpage information display method and system |
| CN105117454A (en) * | 2015-08-18 | 2015-12-02 | 浪潮软件集团有限公司 | Device, system and method for accessing web product |
| CN105335154A (en) * | 2015-10-19 | 2016-02-17 | 沈文策 | Multi-terminal-oriented self-adaptive webpage layout method and device |
| CN105335055A (en) * | 2015-10-29 | 2016-02-17 | 努比亚技术有限公司 | Self-response type realization method and system of menu as well as terminal equipment |
| CN106919375A (en) * | 2015-12-28 | 2017-07-04 | 航天信息股份有限公司 | Screen adaptive approach and system on a kind of mobile terminal device |
| CN106919375B (en) * | 2015-12-28 | 2020-06-05 | 航天信息股份有限公司 | Screen self-adaption method and system on mobile terminal equipment |
| CN108463822A (en) * | 2016-04-25 | 2018-08-28 | 谷歌有限责任公司 | Dynamic using visual style for the content element of information resources renders interaction statistics data |
| CN108463822B (en) * | 2016-04-25 | 2022-04-05 | 谷歌有限责任公司 | Dynamic rendering interaction statistics for content elements of an information resource using visual styles |
| CN106021353A (en) * | 2016-05-09 | 2016-10-12 | Tcl集团股份有限公司 | Display adaption method and system of webpage |
| CN107391698A (en) * | 2017-07-27 | 2017-11-24 | 杭州登虹科技有限公司 | A kind of method, apparatus, medium and the computing device of Dynamic Announce webpage |
| CN112800368A (en) * | 2021-01-25 | 2021-05-14 | 广州芯德通信科技股份有限公司 | Routing equipment webpage layout method based on self-adaptive mechanism |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103488777A (en) | Method and system for adjusting webpage display effect | |
| US20240094872A1 (en) | Navigating through documents in a document viewing application | |
| US8010886B2 (en) | Intelligently representing files in a view | |
| US20150186010A1 (en) | Electronic device and method thereof for adjusting desktop icons displayed thereon | |
| US20110209080A1 (en) | Display method and electronic device for using the same | |
| CN103098002B (en) | The representing based on flake of information for mobile device | |
| US20100060655A1 (en) | Mobile device and method for displaying thumbnails on the mobile device | |
| US9069445B2 (en) | Electronic device with touch screen and page flipping method | |
| US20130227469A1 (en) | User terminal and method for displaying screen | |
| US20120144292A1 (en) | Providing summary view of documents | |
| US20150088669A1 (en) | Apparatus and method for providing responsive user interface and electronic device-readable recording medium therefor | |
| US20160063672A1 (en) | Electronic device and method for generating thumbnail picture | |
| GB2507036A (en) | Content prioritization | |
| CN104238897A (en) | Menu item displaying method and device | |
| CN106407341A (en) | Page processing method, apparatus and system | |
| CN106055252A (en) | Mobile terminal and screen-dividing display processing method therefor | |
| EP2874054B1 (en) | Application text adjusting method, device, and terminal | |
| CN103425452A (en) | Multi-layer overlapping display method and device for mobile terminal | |
| CN105335445A (en) | Layout display method and device | |
| CN103051807A (en) | Method and device for displaying contact information and mobile terminal | |
| CN103984781A (en) | Webpage loading method and device | |
| CN108038117A (en) | A kind of page layout method and device | |
| EP3701398A1 (en) | Coordination of storyline content composed in multiple productivity applications | |
| Peng et al. | The design and research of responsive web supporting mobile learning devices | |
| US20150012839A1 (en) | Mobile phone and file configuration method thereof |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20140101 |