2009-06-07 118 views
1

有沒有一種方法可以計算HTML元素的可能大小,例如H1像素相對於視圖端口大小的像素大小。HTML默認元素大小(縮放HTML頁面)

我想在頁面內顯示HTML頁面,我想適當縮放內容。很明顯,如果一個元素指定了px或類似的高度,我可以很容易地將其縮小,但如果沒有給出高度,我該如何繼續?

任何建議,指針或想法歡迎,任何代碼是在PHP或Python,或C++,或ASP ...沒關係,因爲我正在尋找一種方法,而不是代碼本身。

感謝

mintydog

回答

2
body { 
    font-size: 62.5%; 
} 

#container { 
    font-size: 1.0em; /* eq to 10px */ 
} 

然後字體大小或元件施膠/縮放將其規模發生如:

  • 1.0em = 10px的
  • 1.1em = 11像素
  • 1.2em = 12px的
  • 2.0em = 20px
  • 5.0em = 50px

如果你在另一個div中有你的元素,那麼只要它符合相同的em結構,就可以放置一個.5em或其他東西來使其成爲該網站的縮略圖版本。如果沒有,你將不得不做屏幕截圖。

也喜歡Itay提到你應該先從一個reset.css開始,然後這樣做是爲了保持它的一致性。您將不得不重新應用標籤樣式強大,em,標題等,但您將始終有一個正確的基礎上使用reset.css文件之前做類似以上的東西,如Eric Meyer's reset.css

1

以在網絡重置CSS文件中的一個,並使用它們(修改它們,以便所有元素都有大小)。
使用百分比或EM代表尺寸。