html - 缩放 HTML 元素的最佳方法

标签 html css svg widget scale

我正在寻找一些关于缩放一些 HTML 元素以在大屏幕(如信息亭)上使用的选项。我目前正在使用 CSS3 scale() 来获得相对跨浏览器的比例(感谢 cssplease),但看看是否有人有更好的建议。

主要是,我正在研究大规模(例如从 400x200 像素到 800x500)渲染小部件(HTML、js 和图像)。虽然我可以为更大的规模重写每个小部件,但我想我会检查我的选择。

SVG 或 canvas 有什么可以做的吗? CSS3 scale() 没问题,但图片需要换成高分辨率版本。文本间距似乎也略有偏差。

谢谢!

最佳答案

CSS3 转换仍然是我想要的最佳选择,尤其是在浏览器性能方面。

关于html - 缩放 HTML 元素的最佳方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10173262/

相关文章:

javascript - Canvas 中的模糊 svg

html - 图像和文本彼此相邻且位于 div 中间

css - 使div溢出:hidden effective without positioning it

CSS 位置固定在左侧但不是顶部

html - 显示 : none on body tag in chrome does not hide background

javascript - 这个侧边栏的高度是如何计算的?

javascript - Firefox 无法使用 Jquery 识别全 Angular 多边形

svg - 根据我导入的位置,在 Webpack 中使用不同的加载器

html - 如何在着陆页上创建全屏 div

javascript - 有人可以帮我更改 Chrome 版 Google 词典扩展程序的不透明度吗?