有沒有一種方法可以計算HTML元素的可能大小,例如H1像素相對於視圖端口大小的像素大小。HTML默認元素大小(縮放HTML頁面)
我想在頁面內顯示HTML頁面,我想適當縮放內容。很明顯,如果一個元素指定了px或類似的高度,我可以很容易地將其縮小,但如果沒有給出高度,我該如何繼續?
任何建議,指針或想法歡迎,任何代碼是在PHP或Python,或C++,或ASP ...沒關係,因爲我正在尋找一種方法,而不是代碼本身。
感謝
mintydog
有沒有一種方法可以計算HTML元素的可能大小,例如H1像素相對於視圖端口大小的像素大小。HTML默認元素大小(縮放HTML頁面)
我想在頁面內顯示HTML頁面,我想適當縮放內容。很明顯,如果一個元素指定了px或類似的高度,我可以很容易地將其縮小,但如果沒有給出高度,我該如何繼續?
任何建議,指針或想法歡迎,任何代碼是在PHP或Python,或C++,或ASP ...沒關係,因爲我正在尋找一種方法,而不是代碼本身。
感謝
mintydog
body {
font-size: 62.5%;
}
#container {
font-size: 1.0em; /* eq to 10px */
}
然後字體大小或元件施膠/縮放將其規模發生如:
如果你在另一個div中有你的元素,那麼只要它符合相同的em結構,就可以放置一個.5em或其他東西來使其成爲該網站的縮略圖版本。如果沒有,你將不得不做屏幕截圖。
也喜歡Itay提到你應該先從一個reset.css開始,然後這樣做是爲了保持它的一致性。您將不得不重新應用標籤樣式強大,em,標題等,但您將始終有一個正確的基礎上使用reset.css文件之前做類似以上的東西,如Eric Meyer's reset.css
以在網絡重置CSS文件中的一個,並使用它們(修改它們,以便所有元素都有大小)。
使用百分比或EM代表尺寸。