0

我正在为一个简单的 HTML5、CSS3 网站使用引导程序。（请参阅此处： http : //skyfistudio.com/project/fsc/）。三个 div 应该是 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;
    }
4

2 回答 2

1

把它们放在一个<div class="container-fluid">...</div>

于 2013-05-04T09:56:40.670 回答
0

将 Both 和图像 div 放在一个 div 中，以便机器人进入一个 row-fluid 并检查 custom.css 中的@media-queries

于 2013-05-04T09:53:58.340 回答