【技术实现步骤摘要】
本专利技术涉及网页设计
，更具体地说，涉及一种面向多终端的自适应网页布局方法。
技术介绍
随着智能手机、IPAD等手持设备的普及和宽屏的流行，现在常用的960px宽度的网页布局已经无法满足各种智能终端不同屏幕大小的需求了，PC端上璀璨夺目的网页布局效果和人性化的交互设计，在手机等手持设备屏幕上却无法显现出良好的页面效果和视觉体验，所以，需要一种能良好适应不同屏幕大小的网页布局框架来满足用户需求。
技术实现思路
本专利技术要解决的技术问题之一，在于提供一种面向多终端的自适应网页布局方法，通过规划页面结构，设置切换节点，构建CSS (CSS，即层叠样式表，是一种用来表现HTML或XML等文件样式的计算机语言)简易切换框架，既能缩短开发时间，又能使得一个网页适应多种分辨率屏幕并呈现出用户体验良好的布局及视觉效果。本专利技术之一是这样实现的:一种面向多终端的自适应网页布局方法，包括如下步骤:步骤10、创建和编辑页面布局的CSS，给CSS预设切换节点；步骤20、设置页面的样式布局架构(所述页面的样式布局架构，即网页上各功能模块的布局结构)，将图标和标题嵌套进...
【技术保护点】
一种面向多终端的自适应网页布局方法，其特征在于：包括如下步骤：步骤10、创建和编辑页面布局的CSS，给CSS预设切换节点；步骤20、设置页面的样式布局架构，将图标和标题嵌套进各自对应的功能模块内；步骤30、编写节点切换的JavaScript脚本，对终端屏幕的分辨率进行判断并根据不同分辨率自动为网页最外层的全局对象切换相应样式的节点，呈现出对应的页面布局。
【技术特征摘要】
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。