缩放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元素的最佳方法

回答

相关问题