基于浏览器的自定义模板布局方法技术

技术编号:37516905 阅读:43 留言:0更新日期:2023-05-12 15:38
本发明专利技术公开了一种基于浏览器的自定义模板布局方法,在后台设定固定比例模板,在模板中插入各种元素,拖动设置各元素展示位置,设置元素大小,生成模板列表,待使用时直接选中一个已经编辑好的模板,投放到显示设备上。设置模板还包括,将web网页的宽度调整为适应多个显示屏幕的宽度;将web网页的字体大小修改为适应多个显示屏幕的字体大小;使得web网页上不同的分块可以滑动。本发明专利技术根据预设好的模板,使得网页已经编辑好的内容能够展示在于各种安卓显示终端,提高了管理终端显示设备的便利性并增强了用户的体验感,极大的便利了用户对挂载在高处不易管理的黑板等其他安卓智能显示设备的日常管理。显示设备的日常管理。显示设备的日常管理。

【技术实现步骤摘要】
基于浏览器的自定义模板布局方法


[0001]本专利技术涉及页面响应布局技术,尤其涉及一种基于浏览器的自定义模板布局方法。

技术介绍

[0002]在学校的日常管理中,会有大量的安卓显示设备,显示设备需要显示各种宣传内容,各种显示设备的大小不同,屏幕长宽比不同,显示内容的大小比例不同等,导致每个显示设备都需要进行不同的设置,以进行合适的美观的显示展示。而且还需要定期更新内容设置,增加标语、图片、视频等内容。
[0003]目前的管理方式需要插U盘或者内存卡,只能进行更新相对固定的视频,宣传画等,并需要手动设置播放,针对每一个显示设备单独进行管理,编辑或更新显示内容等都极度不方便。
[0004]因此,需要一种基于浏览器的自定义模板布局方法。

技术实现思路

[0005]为解决现有技术中存在的不足,本专利技术的目的在于,提供一种基于浏览器的自定义模板布局方法。
[0006]为实现本专利技术的目的,本专利技术所采用的技术方案是:
[0007]一种基于浏览器的自定义模板布局方法,所述方法在后台设定固定比例模板,在本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于浏览器的自定义模板布局方法,其特征在于,所述方法在后台设定固定比例模板,在模板中插入各种元素,拖动设置各元素展示位置,设置元素大小,生成模板列表,待使用时直接选中一个已经编辑好的模板,投放到显示设备上。2.根据权利要求1所述的基于浏览器的自定义模板布局方法,其特征在于,模板元素包括标语、图片、视频和链接。3.根据权利要求1所述的基于浏览器的自定义模板布局方法,其特征在于,设置模板还包括,将web网页的宽度调整为适应多个显示屏幕的宽度;具体地,将web网页中以PX为单位的宽度按照预定规则替换成百分比,并根据多个显示终端屏幕的大小加载不同的CSS样式文件,在不同的CSS文件中设置max

width属性以改变模板大小。4.根据权利要求1所述的基于浏览器的自定义模板布局方法,其特征在于,设置模板还包括,将web网页的字体大小修改为适应多个显示屏幕的字体大小;具体地,计算web网页的基准大小并将基准大小设置在body中,并将web网页的其余部分的大小通过百分比进行修改。5.根据权利要求1所述的基于浏览器的自定义模板布局方法,其特征在于,设置模板还包括,使得web网页上不同的分块可以滑动;具体地,对web网页上不同的分块加上positi...

【专利技术属性】
技术研发人员:于庆阳
申请(专利权)人:江苏欧帝电子科技有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1