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