我使用简单的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