Question

Iphone 6上的图像显示有问题。图像未加载到手机上在Windows和Android上工作正常。我使用bootstrap作为框架.. 我确定当我将imige放入 img 标签时，正在使用iOS

<head>
<meta charset="utf-8">
<title></title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="js/main.js"></script>
<script src="https://use.fontawesome.com/9bc549d82c.js"></script>
</head>


<div class="head">
  <div class="container">
    <div class="row">
        <div class="col-md-3 col-sm-12 col-xs-12">
        </div>
        <div class="col-md-6 col-sm-12 col-xs-12 box">
          <p class="text-center" id="logo">
              Codence <i class="fa fa-heart-o " aria-hidden="true" id=""></i>
          </p>
          <span id="line"></span>
          <p class="lead text-center">
            <a href="#" class="btn btn-lg btn-secondary" id="button">Learn more</a>
          </p>

        </div>
        <div class="col-md-3 col-sm-12 col-xs-12">
        </div>
      </div>
  </div>
</div>

.head{
height: 100vh;
background: url('../img/pexels-photo-234527.jpeg') repeat fixed 100%;
background-size: cover;
margin: 0 auto;
};

图像未显示在iOS CSS / HTML / Bootstrap上

0 个答案: