php - Wordpress 无代码 slider 响应问题

Question

如果您到目前为止访问我的网站，http://trulydesigns.com/您会注意到一切看起来都井井有条。

如果您通过移动设备(例如 iPhone 5s)访问该网页，则 slider 看起来不合适。 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;
}

这是“codeless_slider.php”的一个片段，在我的文件中某处它正在拉“min-height: 236.97522816166884px;height: 236.97522816166884px;”我不知道从哪里来的，所以非常感谢任何帮助。

Answer 1

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

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

祝你好运!