我正在使用 Chrome 来调试和测试我的网站,但是由于某种原因,当我使用元素检查器并突出显示节点时,通常会突出显示网页本身中的相应元素以显示宽度/高度/边距/填充等。 ..但是由于某种原因它没有在我的网站上这样做,我已经在其他网站上对其进行了测试,并且对他们来说效果很好......我也在 Safari 中尝试过它并且在那里它可以工作?!
我不知道为什么会这样,我唯一的想法是我必须在 CSS 中设置一些东西,这会阻止这个功能的一些样式,直到我在 Safari 中测试它。
我正在使用 Chrome 来调试和测试我的网站,但是由于某种原因,当我使用元素检查器并突出显示节点时,通常会突出显示网页本身中的相应元素以显示宽度/高度/边距/填充等。 ..但是由于某种原因它没有在我的网站上这样做,我已经在其他网站上对其进行了测试,并且对他们来说效果很好......我也在 Safari 中尝试过它并且在那里它可以工作?!
我不知道为什么会这样,我唯一的想法是我必须在 CSS 中设置一些东西,这会阻止这个功能的一些样式,直到我在 Safari 中测试它。
你可以再详细一点吗?“打开”?
编辑:我确实发现我必须禁用所有这些:
style.webkitTransform = translate3d(...) (Javascript)
-webkit-transform: translate3d(...) (CSS)
-webkit-backface-visibility: hidden (CSS)
相反,您可以使用:
Javacsript
var matrix = new WebKitCSSMatrix();
matrix.e = deltaX;
matrix.f = deltaY;
myElement.style.webkitTransform = matrix;
CSS
-webkit-transform: matrix(1,0,0,1,deltaX,deltaY);
试试这个,它是一种解决方法。
CTRL + SHIFT + C
在要检查的元素上按住鼠标。