Question

这是site。

出于某种原因，该网站显示混乱的分辨率：1440x900, 1366x768, 1280x800, 1280x768 and 1152x864。

这里需要一些帮助。这是出乎意料的。

任何见解都不仅仅是感激。

Answer 1

完成了CSS3媒体查询。

此网页明确指出：

CSS3 Media Queries explained

Answer 2

我实际上找到了答案。它一直在html而不是css。

感谢您的帮助。

  <section id="slider">
     <div class="tp-banner-container">
        <div class="tp-banner" >
           <ul>
              <!-- SLIDE NR. 1-->
              <li data-transition="fade" data-slotamount="5" data-masterspeed="0">
                 <!-- MAIN IMAGE -->
                 <img src="img/slider/fullscreen/1.jpg"  alt="Badboy Branding" data-bgfit="cover" data-bgposition="center center" data-bgrepeat="no-repeat">
                 <!-- LAYER NR. 1 -->   
                 <div class="tp-caption mediumlarge_light_white_center customin customout start"
                    data-x="center"                             
                    data-y="15" <----------THIS WAS WHERE THE FIX IS------------***                         
                    data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
                    data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
                    data-speed="1000"
                    data-start="1000"
                    data-easing="Back.easeInOut"
                    data-endspeed="300"><img src="img/logo/logo-big.png" alt="Badboy Branding">
                 </div>

网站的某些部分在较小的屏幕上消失

2 个答案: