iphone css媒体查询网站

【问题标题】：website for iphone css media queriesiphone css媒体查询网站
【发布时间】：2012-12-19 07:57:53
【问题描述】：

我正在尝试使我的网站适合 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;
  }

【问题讨论】：

标签： iphone html css twitter-bootstrap media-queries

【解决方案1】：

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

您在第 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">

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

如果我误解了什么，我深表歉意

祝你好运！

【讨论】：