Javascript 如何根据屏幕分辨率确定要显示多少结果?

Javascript 如何根据屏幕分辨率确定要显示多少结果?,javascript,css,html,sass,Javascript,Css,Html,Sass,我正忙着开发一个phonegap应用程序,使用html css js和php mysql来获取数据。我在做一个ajax调用,返回json数据,这些数据被格式化并附加到ul列表中,并显示在屏幕上。我现在的问题是每个设备都有不同的屏幕大小分辨率。如何根据屏幕分辨率确定要显示多少结果?在一部小手机上显示5条记录看起来不错,但在平板电脑上,用大屏幕显示5条记录然后翻页是没有意义的。我在想有一个案例说明,检查屏幕分辨率,然后显示基于此的记录数。。。我在问有没有更好的办法 你就是这样做的 在设备启动/页面加

我正忙着开发一个phonegap应用程序,使用html css js和php mysql来获取数据。我在做一个ajax调用,返回json数据,这些数据被格式化并附加到ul列表中,并显示在屏幕上。我现在的问题是每个设备都有不同的屏幕大小分辨率。如何根据屏幕分辨率确定要显示多少结果?在一部小手机上显示5条记录看起来不错,但在平板电脑上,用大屏幕显示5条记录然后翻页是没有意义的。我在想有一个案例说明,检查屏幕分辨率,然后显示基于此的记录数。。。我在问有没有更好的办法

你就是这样做的

在设备启动/页面加载时,运行获取设备高度的脚本

HTML

然后将设备高度除以单个设备的高度(记录高度

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

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

用于(i=0;我为什么会得到否定?什么最适合你和你的用户。你会发疯,试图抓住每一个屏幕大小的最佳点。即使我们能看到你的设计和你谈论的内容,这也是主观的。你可能会觉得智能手机5分是好的,但6分、8分或10分也是可以接受的。最终我不会放弃i don’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’’我看到你的问题时,已经投了两可能是这样。一些人如果不能回答问题,会投下其他人的票。“一些人如果不能回答问题,会投下其他人的票。”我怀疑这句话是真的,我想这只是你的假设。人们通常会投反对票,我想,因为通常一个问题要么是基于意见的,要么是没有代码的努力。@非常好的代码谢谢,让我试试你的解决方案。它看起来很有趣。@Z好的,我不需要显示代码,我没有错误,这是一个问题的解决方案,问题很简单,我肯定有人也有同样的问题。@z好吧,我怀疑这句话是真的,我认为这只是你的假设……不,这不是假设,这是我在这个网站上的经验。我确保正确地构造我的问题,给出一个场景和示例代码。我甚至还陈述了为什么其他方法会这样做不管用。我甚至把我正在编写的代码包括在内,让其他人看到……但是,无法回答问题的人会投反对票。>>只要问题清楚易懂,就不一定需要包含代码。这个网站有时既是“天赐之物”,有时又是“十足的吝啬”。
var DeviceHeight;
function get_DeviceHeight()
{
  DeviceHeight = window.innerheight;
}
var AmountToDisplay = DeviceHeight / RecordHeight.
for (i = 0; i <= AmountToDisplay; i++) { 
    printRecord[i] to the display;
}