自适应调整的界面流式布局显示的方法和系统

摘要

本申请公开了自适应调整的界面流式布局显示的方法和系统，方法包括：检测运行该浏览器的终端系统的分辨率值；根据分辨率值，将在页面中预先设定像素值的单元格构建成竖向排列且布满页面的栅格；读取栅格横向方向的总像素值，并结合预置的视频缩略图的基准显示列数与栅格横向方向总像素值的对应关系，调整视频缩略图和视频分类标签的尺寸；在栅格上将调整后的视频分类标签和视频缩略图以横向排列方式构成多个横向平行设置的视频分类行进行显示。本发明解决了页面中视频缩略的布局散乱且视频缩略图尺寸在较高分辨率下产生缩减的问题。

主权项

一种自适应调整的界面流式布局显示的方法，其特征在于，包括：检测运行该浏览器的终端系统的分辨率值； 根据所述分辨率值，将在所述页面中预先设定像素值的单元格构建成竖向排列且布满所述页面的栅格；读取所述栅格横向方向的总像素值，并结合预置的视频缩略图的基准显示列数与所述栅格横向方向总像素值的对应关系，调整所述视频缩略图和视频分类标签的尺寸；在所述栅格上将调整后的所述视频分类标签和视频缩略图以横向排列方式构成多个横向平行设置的视频分类行进行显示。