javascript - HTML 检查元素更改布局

标签 javascript jquery html css

我注意到 chrome 和检查元素功能存在一些问题。

当我当前开发的页面加载时,某些元素被放错位置(本例中的文本): Loaded page

每当我右键单击并选择错误放置元素的容器上的检查元素时: Inspect element

然后该元素就被神奇地放置在它应该的位置: enter image description here

您可能已经注意到我正在使用 nvd3.js,但是我以前也发生过这种情况,而且没有使用 nvd3.js。我不认为这是一个 nvd3 问题(我可能是错的)。 我的问题是:chrome 的“检查元素”是否会触发某种布局的重新计算?

提前致谢。

最佳答案

您正在使用 .resize() 或 css 媒体查询,当您单击检查元素并打开控制台窗口(固定在 Chrome 底部)时,您会调整屏幕大小,并且某些媒体查询或 .resize() 函数会影响文本对齐

关于javascript - HTML 检查元素更改布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27483825/

相关文章:

jQuery 'and' 'or' 选择器中的条件语法?

javascript - bootstrap panel-left 我无法将它居中

javascript - 单击搜索按钮时如何隐藏 jQuery 中的导航栏切换?

javascript - 将 jQuery 转换为 Angular 并优化性能

javascript - jQuery .on() 不使用字符串变量作为键

jQuery.each 和变量范围

html - 在不调整 div 大小的情况下调整图像大小

templates - Scala/Lift - 试图理解 Lift 同时声称使用有效的 html 和倾向性提升 : tags and tag rewriting in render

javascript - highcharts-vue 给出有关 highcharts HTML 元素的错误

javascript - 尝试使用 Angular rootScope 跨 Controller 持久保存数据,但总是未定义