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

Question

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

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

更新

Ninja 表单在页脚而不是头部加载自己的样式表。这可能是它有布局问题的原因吗？

Answer 1

原来忍者表单正在页脚中加载样式表。我在“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' );