css - Chrome css 错误 - 有时会呈现重复的表单，但会在浏览器调整大小时修复

Question

我有一个 wordpress 网站，并且正在使用最新的忍者表单。我有一个 240kb 的缩小 css 文件和一个 140kb 的单独文件中的 foundation.css。

最突出的是，如果我在隐身模式下测试页面，chrome 会在原始表单下方显示第二个表单，并显示隐藏字段。如果我调整浏览器的大小，它会将其整理出来。

更新

Ninja 表单正在页脚而不是页眉中加载自己的样式表。这可能是它出现布局问题的原因吗？

Answer 1

原来 Ninja forms 正在加载页脚中的样式表。我在“wp_enqueue_scripts”操作中将其添加到我自己的函数文件中，并将样式表移至头部并解决了该问题。

wp_deregister_script( 'ninja-forms-style-display' ); 
wp_deregister_script( 'ninja-forms-display' ); 
wp_deregister_script( 'jquery-qtip' ); 
wp_deregister_script( 'jquery-rating' ); 
wp_enqueue_style( 'ninja-forms-style-display', NINJA_FORMS_STYLE_URL.'/css/ninja-forms-style-display.css' );
wp_enqueue_style( 'ninja-forms-display', NINJA_FORMS_URL .'css/ninja-forms-display.css?nf_ver=' . NF_PLUGIN_VERSION );
wp_enqueue_style( 'jquery-qtip', NINJA_FORMS_URL .'css/qtip.css' );
wp_enqueue_style( 'jquery-rating', NINJA_FORMS_URL .'css/jquery.rating.css' );