CSS缩放与Javascript缩放之战

看看这个例子，我使用的是Chrome33

同一对象上的CSS和Javascript集zoom是一致工作的，与正常样式不同的是，应通过覆盖。。以有选择的方式

CSS

HTML

^ css缩放为0.8的元素和javascript内联缩放为1的元素的大小为1。太好了

我认为，javascript设置的内联样式应该具有优先权

texty.style.zoom = 0.8;

^ 但是csszoom为0.8、javascript zoom为0.8的元素看起来大小也是1。0.8/0.8. 为什么现在它在一起工作

小提琴链接将javascript集缩放值从0.8切换到1，但没有发现显示上述问题的视觉差异。我想知道为什么会这样，以及如何解决这个问题

---

这样做的目的是使一系列呈现的html卡以默认值0.8进入页面，当通过编程选择它们时，它们将放大到1，然后在传递时，它们将放大回0.8，但此返回将中断。不断地扫描列表中添加的新卡片感觉是一种浪费，因此我希望通过css设置默认的缩放：0.8

我签入了最新的chrome，但它不工作。 我怀疑这是一只虫子。 但您可以通过将其设置为稍微不同的值来解决此问题。 例如，在您的例子中，您可以将其设置为0.79，它将工作。

CSS标准中没有缩放属性，直到CSS3

它最初是IE专有的CSS标准，但后来被其他浏览器采用。虽然Firefox有自己的语法，但理论上它在所有主流浏览器中都能工作，但OP证明它在Chrome33中工作不好。这也是不建议在生产站点中使用它的另一个证据

如果要缩放内容，可以使用

p、 如果你把文字改成图像，它有时会在Chrome上运行

建议您使用以下图片：

---

对于文本，您可以只更改字体大小，并且为了可读性，您可能还需要更改行高。

在IE10中检查，其行为正确且符合预期。您误用了缩放属性。要缩放内容，应该使用CSS转换。我明白你的意思。不使用更好的标准是一种误用。。。但是webkit不应该实现它，因为它被认为是最好的解决方案。转换：缩放按其应有的方式工作，而webkit的缩放实现已被破坏。但是，将文本更改为图像并不好。也不必为IMG和文本的每个内容部分重新设置样式，以获得相同的结果。规模是最好的，只需要单独的工作就可以达到IE7：如果你觉得答案有用，就投票吧。欢迎来到堆栈溢出！

<div>
    <div id='text'> text </div>
    <div id='other'> text fixed zoom 1</div>
</div>

var texty = document.getElementById('text');
texty.style.zoom = 1;

texty.style.zoom = 0.8;

#test img {
  height: 100%;
  width: 100%; /* change from 100% to 80% for zoom: 0.8; effect */
}