CSS compatibility optimizing method and system

Abstract

The invention provides a CSS compatibility optimizing method. The CSS compatibility optimizing method comprises the steps: inserting a CSS file to a to-be-displayed page, wherein the CSS file comprises a view layout style file in allusion to desktop end Web application and an adjustment style file in allusion to a low version browser; using an element class name preset in the view layout style to name the class attribute of each element in the to-be-displayed page; according to the design request of the current project, adjusting the attribute of the to-be-displayed page; displaying the to-be-displayed page under the different browser platforms of different system environments; and detecting whether the to-be-displayed page satisfies the preset display effect, if not, adjusting the attribute corresponding to the to-be-displayed page. The response-type design for the traditional industry Web application is realized, the support for multi-browser is preferentially considered, the Web page compatibility optimization of the desktop end is focused, the difficulty and time cost of the CSS compatibility optimization are reduced, and the method and system adapt for the different resolution desktops and different browsers.

Description

technical field [0001] The present application relates to the field of compatibility, in particular to a method and system for CSS compatibility optimization. Background technique [0002] With the development of Internet development technology and the popularization of mobile Internet, people have higher and higher requirements for CSS compatibility tuning. [0003] Most of the existing CSS compatibility tuning methods focus on mobile priority as the primary design goal, but for internal systems in traditional industries, especially involving finance, government, education and other fields, because of the range of operating users and the sensitivity of the application environment etc., making CSS styles in traditional industry web applications unable to adapt well to desktops with different resolutions and different browsers, resulting in cumbersome and inconvenient implementation of CSS compatibility tuning process for web pages. [0004] Therefore, how to simply implemen...

Images