如何根据屏幕分辨率确定要显示多少个结果？ [关闭]答案

【问题标题】：How do i determine how many results to display based on screen resolution? [closed]如何根据屏幕分辨率确定要显示多少个结果？ [关闭]
【发布时间】：2017-01-14 04:04:18
【问题描述】：

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

【问题讨论】：

为什么我得到了否定？
最适合您和您的用户的方法。你会发疯地试图击中每个屏幕尺寸的最佳位置。即使我们可以看到您的设计和您谈论的内容，这也将是主观的。您可能会觉得智能手机 5 是好的，但 6,8 或 10 也可能是可以接受的。最后，我不会马上对这些数字太执着，并且根据粗略的设备尺寸显示多少知道中间不会是 100% 完美，即智能手机 - 5、平板电脑 - 10、桌面 - 15.

标签： javascript css html sass

【解决方案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;
}

【讨论】：

@Alfred Alfizo Mosima：当我看到你的问题时，已经有两个反对票了。我一定要给你我的upvote，因为我知道这里的社区有多么蹩脚。如果无法回答问题，有些人会否决其他人。
"如果无法回答问题，有些人会否决其他人。" 我怀疑这种说法是否属实，我认为这只是您的假设。我认为人们通常会投反对票，因为通常一个问题要么是基于意见的，要么是没有代码工作的。
@Really Nice Code 谢谢老兄，让我试试你的解决方案，看起来很有趣。
@zgood 我不需要显示代码我没有错误它是问题的解决方案，问题真的很简单，我确定有人遇到过同样的问题。
@zgood 我怀疑这个说法是否属实，我认为这只是你的假设 ...不，这不是假设，这是我在这个网站上的经验。我确保正确地构建我的问题，给出一个场景和示例代码。我什至说明了为什么其他方法不起作用。我什至将我正在编写的代码包括在内，以供其他人查看……而且，不能为回答问题做出贡献的人会否决它。 >>只要问题清晰易懂，并不总是需要包含代码。这个网站有时既是“天赐良机”，又是“完全卑鄙”。