我正在从我创建的静态页面创建我的自定义主题。CSS似乎在静态页面上工作，但当我试图将其转换为wp主题时，它没有工作。我怀疑这是因为我如何将css和js排队。

function wpdocs_abrett_scripts() {       
    wp_enqueue_style( \'main-style\', get_stylesheet_uri());
    wp_enqueue_style( \'abrett2\',  get_template_directory_uri() .\'/dist/fullpage.css\', array(), null, \'all\' );
    wp_enqueue_style( \'abrett3\',  get_template_directory_uri() .\'/examples.css\', array(), null, \'all\' );
    wp_enqueue_style( \'abrett1\',  get_template_directory_uri() .\'/css/abrett.css\', array(), null, \'all\' );    
    wp_deregister_script(\'jquery\');
    wp_enqueue_script(\'jquery\', \'http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js\', array(), null, true);    
    wp_enqueue_script( \'fullpage\', get_template_directory_uri() . \'/dist/fullpage.js\', array(\'jquery\'), \'1.0.0\', true );    
    wp_enqueue_script( \'fullpagecustomscript\', get_template_directory_uri() . \'/examples.js\', array(\'jquery\',\'fullpage\'), \'1.0.0\', true );
}
add_action( \'wp_enqueue_scripts\', \'wpdocs_abrett_scripts\' );

我想知道的是，除了图像反应灵敏之外，几乎所有的风格都有效。

这是静态页面：

http://eightelms.co.uk/stat/

这是wp主题版。

http://eightelms.co.uk/

如果您尝试更改窗口大小，静态页面似乎会随窗口而调整大小，但不会随wp版本而调整大小。如果您尝试使用开发人员选项检查样式和元素，则它们会加载相同的css。所以，我的问题是如何确保css在两个版本上都能工作，特别是在wp主题上？