1. 首頁
  2. 問答
  3. css：我如何通過使用css來製作'方形'div

css：我如何通過使用css來製作'方形'div

2012-07-04 54 views
2

我正在嘗試構建僅用於將屏幕拆分爲方塊的移動HTML頁面。css：我如何通過使用css來製作'方形'div

我有5個瓷磚每行，所以瓷磚寬度被確定爲20％的屏幕。我希望高度相同 - 屏幕的20％寬度。請注意，hight =設備寬度的20％，而不是高度。如果有更多的圖塊，頁面將向下滾動。

有沒有辦法用CSS做到這一點？除非必須，否則我寧願不必javascript。

來源

2012-07-04 Alterlife

+1

不可能沒有javascript –

+0

[CSS的一種方式來維持寬高比調整DIV？]（http://stackoverflow.com/問題/ 1495407/css-a-way-to-maintain-aspect-ratio-when-resizing-a-div） –

+0

其他海報問題已經足夠接近以至於被認爲是重複的。接得好。 – Alterlife

回答

1

我不相信CSS本身可以做到這一點。使用Javascript，或更好，更容易，使用LessCSS（lesscss.org）

來源

2012-07-04 16:44:13

+1

LessCSS是JavaScript。 –

+0

較少是編譯CSS ...的JavaScript。在運行時沒有js。 Fyi - 我不認爲更少可以促進這一點.. SASS也許，但它使用運行時js – rlemon

+0

@SimonAndréForsbergJavaScript只是一種編譯少的方法。例如，看看[dotless]（http://www.dotlesscss.org/）.Net。我相信現在大多數網絡相關語言都有一個移植版本。 –

相關問題

 相關問題