我使用簡單的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;
}
我認爲它會工作。謝謝你的幫助。 – 2013-05-04 17:11:48
我使用了媒體查詢,它正在工作。 – 2013-05-09 03:21:02