根据屏幕分辨率获得最大结果

Question

我有一个网站通过大众投票列出了最好的书。 书籍存储在数据库中。 有没有办法将$ maxresults设置为显示器的宽度？ 在较大的显示器上，这将在整个底行留下一两本书。 我希望无论分辨率如何都可以填充每一行。 也许是if语句？ 我的代码：

  $maxresults = 21;
  if($_GET['page'])
  $page = $_GET['page'];
  else
  $page = 0;
  $currentpage = $page;
  $page = $page*$maxresults;
  $numpages = QuickQuery("SELECT COUNT(id) FROM movies WHERE visible=1");
  $numpages = mysql_result($numpages, 0);
  $numpages = $numpages/$maxresults-1;
  $result = GetBooksByRangeID($page, $maxresults);//Show <maxresults> pages at a time
  DisplayResults($result); 
  ?>

Answer 1

您可以使用javascript。 别害怕，这并不困难。

首先，选择屏幕分辨率： http : //www.pageresource.com/jscript/jscreen.htm

其次，将更多元素传递给客户端并动态隐藏它们-设置display =“ none”或类似的内容（例如，您可以使用http://datatables.net/ ）。

Answer 2

如果您要根据窗口大小而不是监视器大小来工作（例如，它应填充浏览器窗口，但如果窗口小于屏幕，则不应该在屏幕外运行），请查看jQuery .width()功能（ http://api.jquery.com/width/ ）

如果每本书的显示都包含在div中，则只需将div的样式设置为float: left 。 然后，他们将填满整个屏幕，直到它们用完为止，然后跳到新的一行。