根據屏幕分辨率獲得最大結果

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 。 然后，他們將填滿整個屏幕，直到它們用完為止，然后跳到新的一行。