2013-06-27 66 views
0

我一直在思索這個SO張貼關於如何實現縮放申報單(適用於iPad的觀衆,等) - 看到叉12票:如果它們連續成一行,則縮放div元素?

Proportionally scale a div with CSS based on max-width (similar to img scaling)

的問題是,我目前的佈局是使用兩個float:left div ID爲我的div創建一個類似行的配置。在這裏看到:

https://dl.dropboxusercontent.com/u/33061840/site/Pokesite.html

&我的代碼:

http://pastebin.com/fspfRUD2

我的問題是,我需要重做我的div讓他們定位爲斯派德關閉的叉是什麼?或者我可以保持當前的佈局,並且仍然可以將我的div按比例縮放到窗口大小?

我最終要實現的是對我的所有內容擴展到窗口高度,比例:讓iPad的觀衆,等等仍然能夠查看該網站。

+0

你看過*響應式設計*? – cimmanon

+1

谷歌@media查詢或響應式設計......或更好的...給twitter引導一個嘗試,它爲您處理所有這些...... – KyleK

回答