Question

我已经查看过本网站上发布的其他问题，但有些不对劲。我的网站只在Safari 5/6纵向视图中填充了大约60％。我使用的是Bootstrap 3.页面是http://www.freshbaby.com/v30/index.html

它在Android Chrome以及所有主流桌面浏览器上都可以很好地调整大小。

以下是<head>

中的完整内容

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="favicon.ico">

    <title>Freshbaby</title>

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/navbar.css" rel="stylesheet">
    <link href="css/custom.css" rel="stylesheet">

    <!-- Custom styles for this template -->

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

网站没有正确调整iPhone肖像大小

0 个答案: