jquery - Chrome 添加 cssClass 到 HTML 元素

标签 jquery html css google-chrome

我最近注意到,在过去的几周内,Google Chrome 似乎正在向我在 Chrome 中运行的所有页面和应用程序添加一个 CSS 类(和样式 block ),这与缩放页面有关。

它可能会导致一些看起来相当讨厌的变化,尤其是对于要以 100% 宽度显示的页面。 (它在传统上出现滚动条的右侧和底部区域留下了不必要的空白)

我试图通过创建一个简单的 jQuery 函数来解决这个问题,该函数将缩放设置为 1(以保持它们以前的状态),这很有效,但我正在寻找可能更清晰的任何其他想法。

添加类:

<html class='cssClass'>

添加样式 block :

<style type="text/css">
    .cssClass { -webkit-transform: scale(0.990625);  
    -webkit-transform-origin: 0 0; }
</style>

当前解决方案:

if($.browser.webkit){
    setTimeout(function (){ 
        $('html').removeClass('cssClass').css('-webkit-transform', 'scale(1)'); 
    }, 1);
}

这解决了问题 - 然而,我只是想看看是否有其他人遇到过任何其他问题(或有任何其他希望更优雅的修复)。

更新:这是由扩展引起的。我会留下这个问题,以防其他人觉得他们像我一样漫游到某个外星世界。

最佳答案

转到工具 -> 设置 -> 扩展,然后禁用所有扩展,它就会停止。然后,您可以一次启用一个,以确定实际上是哪一个在执行此操作。

关于jquery - Chrome 添加 cssClass 到 HTML 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10486154/

相关文章:

javascript - 这是 IE8 使用 Jquery append() 的错误吗

javascript - 如何检查文本输入是否在 ReactJS 中具有有效的电子邮件格式?

html - 如何在 ASP.NET 中将 div 元素居中?

html - 如何在 Chrome 中查看 mime 类型?它在 "document"选项卡下显示 "Network"

javascript - 检测元素外部的点击,检查复选框是否被选中,并触发点击

html - 如何让 w3-cell 不自动调整?

javascript - Script 标签将 Javascript 呈现为具有看似有效的 HTML 的文本

javascript - 已访问的菜单选项未突出显示

javascript - jQuery Mobile 测试版 : can no longer use $ ('[data-role=header]' )?

html - 如何在具有超链接时使整个表格单元格可点击 - 使用 bootstrap v3