javascript - 为什么该网站不显示在 iPhone 上?

标签 javascript html css

我在一个测试网站上工作,当我尝试从我的 iPhone 访问该网站时,我看到了一个白页 我的内容根本没有显示。

我的头标签:

    <head>

<!-- show on iphone meta tag -->
<meta name="viewport" content="initial-scale=1.0">

<!-- Load fonts -->
<link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Anton|Modak|Ubuntu+Condensed&display=swap" rel="stylesheet">

<!-- Load Bootstrap -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<!-- load AOS animations -->
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">

<!-- load font awosome -->
<script src="https://kit.fontawesome.com/a2b0110221.js" crossorigin="anonymous"></script>


  <title>
  My portFolio
  </title>
</head>

链接到我的代码/站点 -> https://jsfiddle.net/Benjamn89/1u4Ls95a/16/

非常感谢

最佳答案

更改内容的颜色,我认为这可以帮助您使您的网站在 iPhone 上可见。

html, body {
    max-width: 100%;
    overflow-x: hidden;
}
.sec_two {
    width: 400px; // change it to 100% //
}

关于javascript - 为什么该网站不显示在 iPhone 上?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58743487/

相关文章:

javascript - 如何在多维数组中查找数组?

javascript - Highmaps 多个系列不禁用一个就看不到

html - 样式表的 CSS 覆盖问题

javascript - Highcharts 中的最小值和最大值不正确

html - 关键帧动画仅适用于 Internet Explorer

javascript - 弹出消息如 SO Flag 窗口

javascript - 当输入类型电子邮件有效时如何触发功能?

html - Qt 中 HTTP GET 响应的奇怪编码

css - :nth-child(n+4):nth-child(-n+8) select a range of elements?如何

html - 防止 Bootstrap 表比跨度宽