使用div的CSS/PHP填充屏幕

我想用div填充屏幕，並且我正在考慮使用php根據屏幕分辨率動態調整div的大小，因此，例如，16個div總是出現在每個屏幕上行。使用div的CSS/PHP填充屏幕

Example of DIV spacing

實施例A的問題，在實施例B我調整的div以適應屏幕。

那麼，這是否有效？我想有這樣的事情每個DIV的每個背景圖片：

/bgimage.php?id=123456&resize=125

凡調整大小是通過將瀏覽器的寬度計算16，或申報單的＃我希望每個一行。

我不確定使用這種方法，因爲如果分辨率很低，我不希望div看起來很小。

其他建議？使用CSS或JavaScript可以做得更好嗎？ The

2011-06-03 Alex

CSS/JavaScript一定會給你立竿見影的效果。每次調整瀏覽器大小時，PHP都需要對服務器進行一次往返訪問。 – Sampson 2011-06-03 16:24:16

PHP是服務器端，而不是客戶端。 PHP永遠不會知道屏幕分辨率，我認爲你在這種情況下尋找CSS/JavaScript的onresize事件。 – 2011-06-03 16:24:28

首先：php無法訪問客戶端屏幕大小＆這可以通過單獨的css來完成 – 2011-06-03 16:26:04

我不明白爲什麼你需要的任何語言的任何腳本？

如果您將每個div設置爲左寬度爲6％，那麼無論屏幕大小如何調整，16個div都將佔用寬度的96％。你可以用4％的保證金將它們包裹在另一個div中，以處理剩下的4％。

2011-06-03 16:30:24

但我仍然需要調整背景圖片的大小 – Alex 2011-06-03 16:35:57

@Alex在css3中有一個名爲'background-size'的屬性，您也可以將其設置爲百分比。因此，如果每個div的「背景大小：100％」都比無論大小如何，背景都適合。雖然不適用於舊版瀏覽器。 – 2011-06-03 16:37:48

但是，IE6不能正確解釋邊距和填充，所以在編寫CSS代碼時必須考慮這一點。 – mc10 2011-06-03 17:15:12

您可以單獨在CSS中執行此操作。只需將div的寬度設置爲6.25％（100/16），然後爲該最小寬度設置最小寬度。

2011-06-03 16:28:36 amustill

背景圖像是固定大小，所以我需要調整大小。 – Alex 2011-06-03 16:36:41

如果您設置圖像寬度/高度的百分比，當屏幕被調整大小時，它們將自動調整大小。您只需將其設置爲百分比而不是特定的數字。 – jefffan24 2011-06-03 16:55:07

回答