2013-05-04 75 views
0

我使用簡單的HTML5,CSS3網站引導程序(請參閱:http://skyfistudio.com/project/fsc/)。有三個div應該是100%寬度。iPhone的引導程序100%寬度

它在桌面和所有瀏覽器中看起來不錯。但在iPhone中,它顯示左對齊(請參閱附圖)。我希望它伸展100%。 iPhone的觀點是在這裏:

http://skyfistudio.com/project/fsc/hosting/

這裏是第一導航代碼:

ul.fnav 
    { 
    list-style-type:none; 
    margin:0 auto; 
    padding:0; 
    padding-top:8px; 
    padding-bottom:8px; 
    text-align:center; 
    margin-top:0px; 
    background-color:#3B5998; 
    width:100%; 
    } 

ul.fnav li 
    { 
     display:inline; 
    } 

ul.fnav a:link,ul.fnav a:visited 
    { 
     font-weight:normal; 
     color:#fff; 
     margin-left:10px; 
     font-size:13px; 
     text-align:center; 
     padding:6px; 
     margin-right:55px; 
     text-decoration:none; 
     text-transform:uppercase; 
     -webkit-transition: all 0.5s ease-in-out; 
     -moz-transition: all 0.5s ease-in-out; 
     -o-transition: all 0.5s ease-in-out; 
     -ms-transition: all 0.5s ease-in-out; 
     transition: all 0.5s ease-in-out; 
    } 

    ul.fnav a:hover,a:active 
    { 
     color:#ccc; 
    } 

回答

0

使雙方在一個DIV圖像DIV使機器人進來一排液,也與@媒體查詢檢查custom.css

1

置身其中內<div class="container-fluid">...</div>

+0

我認爲它會工作。謝謝你的幫助。 – 2013-05-04 17:11:48

+0

我使用了媒體查詢,它正在工作。 – 2013-05-09 03:21:02