Question

我正在努力使我的网站适合iphone 因为我正在使用twitter bootstrap响应css 我给了不同宽度的不同边框颜色的容器但是当我最小化浏览器窗口时，边框颜色没有反映出浏览器窗口

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;
  }

Answer 1

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

你有一个嵌套的容器div为@ lines 120和145

检查重命名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">

还有一些validation errors可能是另一个难题。原因可能是您不能像以前那样简单地将HTML头部内容粘贴到jsFiddle HTML面板中。请查看http://doc.jsfiddle.net/use/hacks.html#css-panel-hack，了解您需要执行的操作的详细信息。

如果我误解了某些内容，我的意见

祝你好运！

iphone css媒体查询的网站

1 个答案: