Css 为什么我的div在Firefox、Chrome而不是Safari中扩展？

我有一个div，可以用cmd+/cmd水平缩放-使用Firefox和Chrome（这很好！），但不是Safari（不太好！）。我使用的CSS是：

 #container {
    margin:0 auto;
    width: 960px;
    padding:0px 25px;
        position:relative;
}

#container:after,  {
    clear:both;
    content:"\0020";
    display:block;
    height:0;
    max-height:0;
    overflow:hidden;
    visibility:hidden;
}

---

如果您有任何想法，我们将不胜感激。

我的系统在所有浏览器中都能正常工作，请尝试清除您的缓存。呃……我禁用了缓存，并认为它已被清除，只是注意到仅缩放文本已被选中。错误：我只是在调查可访问性。尽管如此，我还是有一个与完全相同的代码相关的后续问题：是否存在最大化容器宽度的方法，以便在某个时候只有文本变大？（我尝试了max width，但似乎没有任何效果）如果更合适的话，我很乐意重新发布！你的意思是将DIV放大到屏幕的最大宽度，然后停止并继续放大文本吗？完全正确！因此，一旦它水平地到达屏幕的末端，文本仍然会变大，但容器的宽度不会增加；但是，它会增加高度以容纳额外的文本。据我所知，缩放是浏览器或设备的功能，而不是CSS。可能会有一个脚本化的工作，但我怀疑这在纯CSS或HTML中是可能的。不幸的是，我不知道任何脚本。