[发明专利]一种用于PC端信息系统网页界面的宽度自适应的方法

摘要

本发明公开了一种用于PC端信息系统网页界面的宽度自适应的方法，包括以下步骤，步骤(1)，CSS样式设置；步骤(2)，通过HTML标签描述网页；步骤(3)通过JavaScript获取屏幕的宽度；步骤(4)将CSS文档、HTML文档、JavaScript文档结合搭建最终的文档界面内容，并在各类终端显示出的网页界面。本发明的用于PC端信息系统网页界面的宽度自适应的方法，面对不同分辨率终端显示的灵活性强，能够快捷解决多设备显示适应问题的特点，方法简单，容易实现，具有良好的应用前景。

主权项

一种用于PC端信息系统网页界面的宽度自适应的方法，其特征在于：包括以下步骤，步骤(1)，CSS样式设置通过外部样式表、内部样式表、内联样式这三种插入样式表的方法来设置HTML中各个标签样式形成CSS文档，进而实现设置网页的宽度，高度，内外边距，边框样式，背景，文本，字体，链接，表格，列表，轮廓；步骤(2)，通过HTML标签描述网页通过CSS样式设置后的HTML标签描述网页，形成HTML文档，HTML文档包含HTML标签和纯文本HTML，网页Web浏览器用于读取HTML文档，并以网页的形式显示，使用标签来解释网页页面的内容，最终实现网页内所有展示的内容；步骤(3)通过JavaScript获取屏幕的宽度通过JavaScript，操作HTML中的body元素，首先找到该元素，通过给HTML文档的标签命名id属性，找到对应的HTML元素，并获取屏幕的宽度，形成JavaScript文档；步骤(4)编辑完成CSS文档、HTML文档、JavaScript文档，在HTML文档头部引用准备好的，CSS的外部样式表、内部样式表、内联样式；在HTML文档底部引用准备好的JavaScript文档以及在HTML文档中插入需要的JavaScript语句，以此搭建完成最终的文档界面内容，并在各类终端显示出的网页界面。