如何根据屏幕分辨率确定要显示的结果数量?

时间:2017-01-13 19:48:58

标签: javascript html css html5 sass

我正在忙着开发一个使用html css js的phonegap应用程序有php mysql来获取数据。我做一个ajax调用,返回格式化并附加到ul列表并显示在屏幕上的json数据。我现在的问题是每个设备都有不同的屏幕尺寸分辨率。如何根据屏幕分辨率确定要显示的结果数量?在小型手机上显示5条记录看起来没问题,但在平板电脑上显示5条大屏幕记录然后必须进行分页是没有意义的。我想有一个案例陈述,检查屏幕分辨率,然后显示基于那个记录的数量......即时通讯问我有更好的方法可以做到这一点吗?

1 个答案:

答案 0 :(得分:1)

你就是这样做的!

在设备StartUp / PageLoad上,运行一个获取设备高度的脚本。

HTML

<body onLoad="get_DeviceHeight()">

的JavaScript

var DeviceHeight;
function get_DeviceHeight()
{
  DeviceHeight = window.innerheight;
}

然后将 DeviceHeight 除以单个高度(记录高度)。

var AmountToDisplay = DeviceHeight / RecordHeight.

然后将AmountToDisplay输入到循环中,以便将记录输出到屏幕上。

for (i = 0; i <= AmountToDisplay; i++) { 
    printRecord[i] to the display;
}