最大结果基于屏幕分辨率

时间:2013-02-22 19:39:51

标签: php javascript mysql responsive-design

我有一个网站,列出了受欢迎投票的最佳书籍。书籍存储在数据库中。有没有办法将$ 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); 
  ?>

2 个答案:

答案 0 :(得分:0)

你可以用javascript做到这一点。不要害怕,这并不困难。

首先,检查屏幕分辨率:http://www.pageresource.com/jscript/jscreen.htm

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

答案 1 :(得分:0)

如果您正在根据窗口大小而不是监视器大小来查找它(即它应该填满浏览器窗口但是如果窗口小于屏幕则不在屏幕外运行),请查看jQuery { {1}}函数(http://api.jquery.com/width/

如果每个书的显示都包含在div中,您只需将div的样式设置为.width()即可。然后他们将填满整个屏幕,直到他们用完房间,然后打破一条新线。