Method for realizing self-adaption of nonfixed region with height/width of browser for cascading style sheet

A cascading style sheet, a non-fixed technology, applied in the input/output process of instruments, data processing, electrical digital data processing, etc., can solve problems such as page disorder, achieve simple steps, speed up loading, and solve page disorder. Effect

Active Publication Date: 2011-04-13
BEIJING BYTEDANCE NETWORK TECH CO LTD
View PDF3 Cites 17 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0009] The purpose of the present invention is to provide a cascading style sheet to realize the non-fixed area with the he

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Method for realizing self-adaption of nonfixed region with height/width of browser for cascading style sheet
  • Method for realizing self-adaption of nonfixed region with height/width of browser for cascading style sheet
  • Method for realizing self-adaption of nonfixed region with height/width of browser for cascading style sheet

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0054] See figure 2 As shown, it is the overall schematic diagram of the browser of the first embodiment of the present invention. The top of the browser is a fixed toolbar area for setting the address bar, menu bar, etc., and the lower part of the toolbar area is the visual content area of ​​the browser. To display the relevant content of the Web page, the method of the present invention involves the operation of the visual content area of ​​the browser.

[0055] Combine image 3 , 4 As shown, a schematic diagram of the implementation process of the visual content area adaptation in the first embodiment of the present invention, the following steps are combined figure 1 , Make a detailed description:

[0056] Step S101: While setting the first page area in the visual content area, reserve a reserved area on the side of the visual content area. Specifically, it can be divided into two sub-steps, step S1011 and step S1012:

[0057] Step S1011: In the visual content area, shrink the ...

Embodiment 2

[0141] Such as Image 6 As shown, it is a schematic diagram of the implementation effect of the second embodiment of the present invention in the visual content area. The difference between this embodiment and Embodiment 1 is only that the reserved area is set on the right side of the first page area, and the non-fixed area The implementation principle and method of adapting the height and width to the height / width of the browser are the same as in Embodiment 1, and will not be described in detail.

Embodiment 3

[0143] See Figure 8 As shown, it is a schematic diagram of the implementation effect of the third embodiment of the present invention in the visual content area. The difference between this embodiment and Embodiment 1 is that the reserved area is set at the top of the first page area, the height is H, the first The fixed area and the second fixed area are arranged on the left side of the first page area, and the two are merged into the page fixed area, and the width is W.

[0144] Combine Figure 7 The step flow chart of the third embodiment of the present invention, the specific implementation process of the third embodiment of the present invention is as follows:

[0145] A method for cascading style sheets to realize non-fixed area adaptive with browser height / width, including the following steps:

[0146] Step S201: A first page area is set in the visual content area, and a reserved area is reserved for the first page area from the top of the visual content area;

[0147] Step S2...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

PUM

No PUM Login to view more

Abstract

The invention discloses a method for realizing self-adaption of a nonfixed region with the height/width of a browser for a cascading style sheet. The method comprises the following steps of: setting a first page region in a visible content region and reserving a reserved region on a side edge simultaneously; dividing a fixed page region and two movable regions in the first page region by using a table, setting a height value of a page fixed region and setting the height and the width of the table to 100 percent inherit the height and the width of the first page region; moving a first movable region to the reserved region to form a reserved fixed region; allowing a second movable region to automatically fill the first movable region to form a nonfixed region; and allowing the height of thenonfixed region to 100 percent inherit the height of the second movable region and the width to 100 percent inherit the width of the first page region to respectively align the lower edge and the left and right edges of the nonfixed region with the lower edge and the left and right edges of the first page region so as to realize the self-adaption of the height and the width of the nonfixed regionwith the height/width of the browser.

Description

Technical field [0001] The present invention relates to the application of a new type of cascading style sheet, in particular to a method of using cascading style sheet to realize the height / width adaptation of the non-fixed area with the browser, which can solve the problem that the non-fixed area in the user's Web page is in each browser, The height / width under various resolutions cannot be adaptive. Background technique [0002] At present, the existing Cascading Style Sheet (CSS, Cascading Style Sheet) realizes that the non-fixed area adapts to the height / width of the browser mainly: obtain the height / width of the current window through JS (JavaScript), and then subtract the fixed area A height / width value, the result value is assigned to the non-fixed area as height / width. The existing technology is achieved through the following procedures: [0003] document.getElementById(non-fixed area id)=document.body.scrollHeight-m+’px’ [0004] First, you need to obtain the height / widt...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

Application Information

Patent Timeline
no application Login to view more
IPC IPC(8): G06F3/048G06F3/0481
Inventor 潘海东梅春和巍锋
Owner BEIJING BYTEDANCE NETWORK TECH CO LTD
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Try Eureka
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap