我有一个 wordpress 网站,并且正在使用最新的忍者表单。我有一个 240kb 的缩小 css 文件和一个 140kb 的单独文件中的 foundation.css。
最突出的是,如果我在隐身模式下测试页面,chrome 会在原始表单下方显示第二个表单,并显示隐藏字段。如果我调整浏览器的大小,它会将其整理出来。
更新
Ninja 表单正在页脚而不是页眉中加载自己的样式表。这可能是它出现布局问题的原因吗?
最佳答案
原来 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' );
关于css - Chrome css 错误 - 有时会呈现重复的表单,但会在浏览器调整大小时修复,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32819036/