縮放HTML元素的最佳方法

我正在尋找一些關於縮放一些HTML元素以在大屏幕上使用的選項（例如信息亭）。我目前使用CSS3 scale（）來獲得相對跨瀏覽器的比例（感謝cssplease），但是看看其他人是否有更好的建議。縮放HTML元素的最佳方法

主要是，我正在尋找大規模（例如從400x200px到800x500）呈現小部件（HTML，js和圖像）。雖然我可以重寫每個小部件的規模，但我想我會檢查我的選項。

SVG可以做什麼，或者畫布嗎？ CSS3 scale（）可以，但圖像需要用高分辨率版本替換。文字間距似乎也略微偏離。

謝謝！

來源

2012-04-16 crawf

對於我想要的CSS3變換仍然是最好的選擇，特別是對於瀏覽器性能。

來源

2012-10-11 22:56:24 crawf

不知道是否理解你的權利，但如果你需要你的網站，圖像，視頻等在任何屏幕上看起來不錯（任何決議），你可以嘗試去響應設計。您可以使用CSS媒體查詢來調整網站不同的屏幕分辨率的選項，它也將保持原有的圖像質量等

http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries

http://coding.smashingmagazine.com/2012/03/22/device-agnostic-approach-to-responsive-web-design/

我發現他們很幫忙充分和一旦你進入它，你會很容易地建立可擴展的網站;））

來源

2012-04-16 15:47:16 Ilja

雖然在正確的軌道上（媒體查詢是一個好主意），但比使用響應式設計更重要一點。實際上，我需要將一些小尺寸縮小200％，以便在1080p的led屏幕上顯示。響應式設計只允許您調整頁面元素的佈局，而不是大小。雖然好資源，謝謝！ – crawf 2012-04-16 21:14:06

這可能是一個廣泛的改造但您可以使用ems定義元素的尺寸，然後使用媒體查詢來增加不同屏幕尺寸的基本字體大小。因此，如果您的基本字體大小爲16px，那麼您的主列可能是47em，側邊欄12em，大約網站寬度爲1000px。然後，您可以使用媒體查詢來檢測更大的瀏覽器，並且您只需將基本字體大小增加到20px，中提琴網站現在增大25％。

來源

2012-04-16 16:17:21 PollenBrands

我認爲這將通過切換爲ems或百分比（使用像素）來解決我遇到的字體間距問題。 – crawf 2012-04-16 21:07:55

縮放HTML元素的最佳方法

回答

相關問題