如何在縱向模式下將Div展開爲垂直適合屏幕

我有以下HTML並根據屏幕尺寸的長度展開正文，但無法將DIV展開至100％。任何幫助表示讚賞。由於如何在縱向模式下將Div展開爲垂直適合屏幕

<html > 
    <head> 
     <meta charset="UTF-8" /> 
     <title>xxxx</title> 
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> 
     <script src="jqtouch/jqtouch.min.js" type="application/x-javascript" charset="utf-8"></script> 
     <script type="text/javascript" src="carousel.js"></script> 
     <script type="text/javascript" src="mousewheel.js"></script> 
     <script type="text/javascript">  
      $(function() { 
       $(".anyClass").jCarouselLite({ 
        btnNext: ".next", 
        btnPrev: ".prev" 
       }); 
       $(".mouseWheel .jCarouselLite").jCarouselLite({ 
        mouseWheel: true 
       }); 
     });</script> 
    </head> 
    <body style="background-color: black; background-size: 100% 100% height: 100%; min-height: 100%;"> 

     <div id="wrapper" style="width: 80%; margin-left: 10%; background-image: url(http://happps.com/marketing/dgblur.jpg); background-size: 100% 100%; height: 100%;"> 
      ttttt 
     </div> <!--wrapper--> 
    </body> 
</html>

來源

2014-01-12 Steven

您的標記中有一個樣式屬性。我建議刪除 –

謝謝我拿出來，但仍然沒有擴大 – Steven

或我應該說不適合整個屏幕，如果屏幕很長，而身體不調整 – Steven

首先 - 不要使用內嵌CSS

二 - 使用元：

三 - 設置CSS媒體查詢更改寬度改變樣式人像模式：

@media screen and (orientation:portrait) { 
    /* Portrait styles */ 
}

編輯：

哦沒事，設置HTML和身高100％，再加入div高度到100％。這應該有幫助

html, body { 
height: 100%; 
}

來源

2014-01-13 00:07:34 LorDex

問題不是寬度，如果你閱讀題。它的高度。寬度很好。 – Steven

如何在縱向模式下將Div展開爲垂直適合屏幕

回答

相關問題