2012-10-21 45 views
2

如果我創建一個響應網站,大多數文本會給出初始像素大小。 I .: .:流體和響應網站的CSS佈局計算

Width = 940px 
Target = 200px 
target/Context = Result : 200/940 = etc etc 

一切都很好。

問題是,如果我想要一個流體網站以及(基於非矢量的文本大小的增加)我不知道人們是如何計算從最初的寬度。

我的工作,我在HTML標籤上的各種其他修復等我可以推測將會在體內的字體大小重置爲1em的基礎上的940px頁面寬度大概就像60em但這看起來相當費力。

有沒有其他的計算,或者我在這裏錯過了什麼?

+0

答案請記住,這樣的社會契約的一部分標記爲你問每個問題的最佳答案。你的22%意味着你只有5次中的1次完成了這個任務,並且你的所有問題都至少有一個答案。請檢查您以前的問題答案,並在可能的情況下爲沒有答案的人標記適當的答案。 ':)' –

+0

一般來說,如果我沒有標記,那是因爲它沒有被回答,或者沒有提供正確答案。 –

+0

看看[this](http://xoxco.com/projects/code/breakpoints/)。可能是這個,你正在尋找.... – Exception

回答

4

百分比可以在這些情況下使用。

例如: 200/940〜= 21%;

,並用它作爲:

.a-class { 
    width: 21%; 
} 

,或者你可以參考一下@media查詢。您可以爲不同的文檔尺寸定義不同的寬度。 http://css-tricks.com/css-media-queries/

+1

這完全忽略了我所問的。我會盡力而且更清楚。目前,頁面寬度是940px寬的硬編碼。我想讓這個寬度等同於ems,使它變得流暢。那麼我怎麼把940px或者什麼變成.... ems。作爲等價物,我仍然可以在我的子計算中使用940。 –