Question

我正在尝试让我的网站响应。

我有一个Hero图像，顶部有一些文字和一个按钮。它们在我的笔记本电脑上看起来都很好，但在我的iPhone（6）上，上边距已经关闭。我可以看到文字和按钮，但它们不会像照片那样停留在图片的顶部。

我对小型设备使用媒体查询：

@media (max-width: 767px) {
#bg-header{
 margin-left: 0px;
 margin-right: 0px;
  h2{
    margin-top: -20px;
    //-margin-bottom: -40px;
    font-size: 20px;
  }
  a{
    margin-top: 0px;
   }
 }

这是我的玉文：

block content_header
  div.container-fluid.col-xs-12.bg-header
    div.tagline
      h2.top
        | <b> Header Text </b>
      h2.bottom
       | Secondary text.
      center
       if !user
          a.signup-button-home.btn.btn-primary.opacity(href='/request/signup') Order
        else
          a.signup-button-home.btn.btn-primary.opacity(href='/request') Order

您是否知道为什么文本和按钮的显示低于移动设备上的div？我已经将margin-top设置为0为移动设备。

响应能力已经消失

0 个答案: