CSS滾動寬度爲100％？

嘿，我有一個問題，我的網站http://www.probeast-network.com/index.php CSS滾動寬度爲100％？

當您訪問的網站，你就可以看到100％的寬度，但是，一旦你開始調整窗口的大小，你會看到像這被設置爲寬度100％根本不會改變。我嘗試了很多東西，但是，我似乎無法弄清楚。它可能與jQuery滑塊有關，但這從來沒有造成任何問題。下面是代碼

Script代碼：

<script type="text/javascript"> 
$(document).ready(function() { 
$('.slider').each(function(ware) { 
    $(this).cycle({ 
     timeout: 80000, 
     speed: 400, 
     sync: false, 
     pager: '.pager', 
     pagerAnchorBuilder: function(i) { 
      if (ware == 0) 
       // for first slideshow, return a new anchro 
       return '<a href="#">'+(i+1)+'</a>'; 
      // for 2nd slideshow, select the anchor created previously 
      return '.pager a:eq('+i+')'; 
     } 
    }); 
}); 
}); 
</script>

HTML代碼：

<div id="pos"> 
    <div class="pager"></div> 

    <div class="slider" 
    data-cycle-slider="> div" 
    > 

    <div class="size"><img class="imgsize" src="<?php echo $bild_giveaway;?>" alt=""/></div> 

    <div class="size"><img class="imgsize" src="<?php echo $bild_video;?>" alt=""/></div> 

    <div class="size"><img class="imgsize" src="<?php echo $bild_promine ?>" alt="" /></div> 

    <div class="size"><img class="imgsize" src="<?php echo $bild_checkout ?>" alt="" /></div> 

    <div class="size"><img class="imgsize" src="<?php echo $bild_tips ?>" alt="" /></div> 

    </div> 

    <div class="slider" 
    data-cycle-slider="> div" 
    > 

    <div class="size1"></div> 

    <div class="size2"></div> 

    <div class="size3"></div> 

    <div class="size4"></div> 

    <div class="size5"></div> 

    </div> 

</div>

CSS代碼：

#pos { 
position: relative; 
width: 100%; 
z-index: 2; 
margin: 0px auto; 
} 

.imgsize { 
position: absolute; 
width: 100%; 
left: 0%; 
} 

.slider { 
width: 100%; 
z-index: -95; 
text-align: center; 
margin: 0px auto; 
position: absolute; 
top: 0px; 
opacity: 1; 
} 

.size { 
position: absolute; 
min-width: 1290px; 
margin: 0px auto; 
right: 0%; 
z-index: -14; 
-webkit-box-shadow: 0px 0px 46px 5px; 
box-shadow: 0px 0px 46px 5px; 
width: 100%; 
min-height: 784px; 
}

如果有人知道解決這個問題，請讓我知道。我一直在故障排除6-7小時.. :(

真誠，揚布魯爾

來源

2016-02-13 ProBeastC

@LGSon我認爲他希望它調整大小，如果它大於1290px，我認爲的實際問題是div.slider對我來說有一個固定的寬度，如果我在調試器中刪除它，它適用於我。 – dav1d

@ dav1d不是在他的問題中，它應該顯示在哪裏，但是我在頁面中快速瀏覽並注意到了它。 – LGSon

當你發佈一個問題時，確保你發佈**所有**必要的代碼，因爲當你的站點鏈接不可達時，這個問題對於未來的用戶將是沒用的。 – LGSon

你的大部分元素（.bottom，.lastline，.imagesheader，.menudiv，......）得到，一min-width設置爲1290px如果你想寬度刪除所有最小寬度「不滾動」

此外，您的滑塊有一個wid通過javascritp設置，所以要麼你能夠取消javscript函數，使滑塊獲得特定的寬度，要麼用下面的代碼用css取消它。

.slider { 
    width: 100% !important; 
}

相同的類.size它同時獲得由javascritp設置的最小寬度和寬度。

來源

2016-02-13 10:04:20 Hugz

最小寬度應該是那裏..所以萬一窗口太小，那麼它應該開始滾動，它一直在那裏，從來沒有造成任何問題，但是，因爲我編輯javescript功能，它似乎不再工作 – ProBeastC

是的，但這是爲什麼寬度不適合屏幕的原因。如果你告訴元素不小於最小元素，它不會是。很合乎邏輯的權利 – Hugz

我已經嘗試了你推薦的代碼，但是，它似乎並不適用於我的結局:( – ProBeastC

看起來像.slider類股利，具有一定的內聯CSS設置它。更具體地說，它的寬度和高度都設置到1290px和784px分別。

來源

2016-02-13 10:01:14 GMchris

CSS滾動寬度爲100％？

回答

相關問題