Question

如果您到目前为止访问我的网站http://trulydesigns.com/，您会发现所有内容都按顺序排列。

如果您通过手机（如iPhone 5s）访问网页，则滑块看起来不合适。 http://quirktools.com/screenfly/#u=http%3A//trulydesigns.com&w=320&h=568&a=37&s=1

function createSlider(){
    global $cl_redata;
    if(isset($cl_redata['codeless_slider_height']) && $cl_redata['codeless_slider_height'] != '100%')
        $height = $cl_redata['codeless_slider_height'];
    elseif(! isset($cl_redata['codeless_slider_height']))
        $height = '450';
    else
        $height = 'fullscreen'; 

    $this->height = $height;

    $extra_class = '';
    if($cl_redata['slider_parallax']) 
        $extra_class .= ' parallax_slider';

    $output = '<div class="codeless_slider_swiper '.esc_attr($extra_class).'" style="'.(($height == 'fullscreen')?'':'height:'.$height.'px').'">';
        $output .= '<div class="loading"><i class="moon-spinner icon-spin"></i></div>';
        $output .= '<div class="codeless_slider_wrapper" data-start="transform: translateY(0px);" data-'.(($height == 'fullscreen')?'1440':$height).'="transform: translateY(-500px);">';
            $output .= '<div class="codeless-slider-container swiper-parent swiper_slider codeless_slider"  data-slidenumber="1" data-height="'.esc_attr($height).'">';
                $output .= '<div class="pagination-parent nav-thumbflip nav-slider">
                                <a class="prev" href="">
                                    <span class="icon-wrap"><i class="icon-angle-left"></i></span>
                                    <div class="text">'.__('PREV','codeless').'</div>
                                </a>
                                <a class="next" href="">
                                    <span class="icon-wrap"><i class="icon-angle-right"></i></span>
                                    <div class="text">'.__('NEXT','codeless').'</div>
                                </a>
                            </div>';
                $output .= '<div class="swiper-wrapper">';

    $this->output[] = $output;
}

这是＆＃34; codeless_slider.php＆＃34;的片段，在我的文件中某处拉动＆＃34; min-height：236.97522816166884px;身高：236.97522816166884px;＆＃34;我无法确定从何而来，所以非常感谢任何帮助。

Answer 1

这可能很棘手，因为您使用插件不必自己构建它，但有时插件会注入代码，您必须了解它是如何构建的，以使其以您想要的方式工作。

在学习Wordpress开发的过程中，我学会了成为Chrome中DOM检查器的最好朋友，并使用!important声明来覆盖样式规则。看起来你可以成功地做到这一点。

祝你好运！

Answer 2

此代码来自高级WordPress主题，因此无论如何您都可以在以下网站上寻求其支持论坛

https://codeless.co/support/

Wordpress无代码滑块响应问题

2 个答案: