0

我正在尝试使我的网站适合 iphone，因为我正在使用 twitter bootstrap 响应式 css 我为容器提供了不同宽度的不同边框颜色但是当我最小化浏览器窗口时，边框颜色不会反映浏览器窗口

http://jsfiddle.net/CXkQp/1/

http://jsfiddle.net/CXkQp/1/embedded/result/

@media (min-width: 1200px) {
  .row {
    margin-left: -30px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 30px;
  }
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 1170px;
    border: 1px solid red;
  }
4

1 回答 1

0

如果我正确理解了您的问题，那么您发布的页面示例应该是响应式的，尽管我不确定您的引导网格是否按照您需要的方式设置。

您在第 120 和 145 行为一件事嵌套了容器 div

检查如果我重命名您的 2 个容器 div 会发生什么：

http://jsfiddle.net/panchroma/CXkQp/3/embedded/result/

http://jsfiddle.net/panchroma/CXkQp/3/

120 号线 

 <div class="containerA" style="background-color: white;">

第 145 行 

 <div class="containerB">

还有一些验证错误可能是另一个难题。原因可能是您不能像之前那样简单地将 HTML 头部内容粘贴到 jsFiddle HTML 面板中。检查http://doc.jsfiddle.net/use/hacks.html#css-panel-hack了解您需要做什么的详细信息。

如果我误解了什么，我很抱歉

祝你好运！

于 2013-01-05T17:26:08.273 回答