Question

我的CSS有几个问题，我目前正在使用W3.CSS库来构建一个基本的响应式网站，我有小型设备的媒体查询，出于某种原因，它可以在我的手机上运行，但不能在我的电脑上运行我调整到小尺寸，它曾用于旧版本的网站，但现在不再。

第二个问题是最近的问题，实际上是今天的问题。出于某种原因，该网站不适用于不同的iPhone＆＃39; ..我的解释可能是因为它是一个不同的iOS版本？就像那个iPhone＆＃39;是iOS10.3，我的手机是iOS10.1.1

总之，我只是想补充一下，我应该将库更改为Bootstrap还是W3.CSS足够好？对不起，如果我有点天真，但我不熟悉响应式设计。

首页代码示例：

.main-div{   //main div is supposed to be the main content box
  max-width: 75%;
  width: 100%;
}
.sidebar-div{ //sidebar div is supposed to be the sidebar content box
  max-width: 24%;
  width: 100%;
}

/* responsive css */

  /* mobile portrait&landscape */

  @media screen and(max-width: 768px){
    .main-div, .sidebar-div{
      max-width: 100%;
    }
  }

不同iOS设备上的响应式CSS问题

0 个答案: