2013-05-04 39 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