我无法在ios设备上加载我的网站css。我已经注意到它在我的iPhone 6和另一部iphone上，而我的客户在ipad以及safari和chrome上也发现了它。该网站在桌面和我们测试过的所有其他移动设备上完美加载。我已经在开发者模式下加载了iphone safari浏览器并且看不到任何错误。我已经四处寻找，但没有找到任何解决方案。
有人建议网站.htaccess文件太大，所以我删除了除WordPress部分之外的所有内容，但CSS仍然没有加载，所以问题不在.htaccess文件中。
我已经能够在我测试的所有IOS设备上复制browserstack.com上的错误。
该网站为https://www.staging.maxbotix.com
更新：我发现此问题不会影响IOS 10设备，只有那些9及以下且低于20％的设备。这有助于了解。
更新：我尝试停用所有插件，但这也没有解决问题。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<?php wp_head(); ?>
<link href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700" rel="stylesheet">
</head>
<body <?php body_class(); ?>>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.9";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<?php include_once("analyticstracking.php") ?>
<div id="mySidenav">
<div class="extra-holder">
<img class="top-logo-open" src="https://www.staging.maxbotix.com/wp-content/uploads/2017/06/maxbotixlogo.png" alt="Small Logo" />
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
</div>
<div class="scrollable-menu">
<nav class="primary-menu myside-menu" id="side-menu">
<?php
wp_nav_menu( array(
'theme_location' => 'side',
'menu_class' => 'menu main-menu',
'container' => false,
'fallback_cb' => false,
) );
?>
<div class="side-info">
<p>
Call Today and Save!<br/>
<a href="tel:1.218.454.0766">1.218.454.0766</a>
</p>
</div>
</nav>
</div>
</div>
<div id="side-content">
<!-- Topbar Start -->
<div class="topbar custom-topbar">
<!-- Side Menu -->
<div id="side-icon">
<img class="top-logo" src="https://www.staging.maxbotix.com/wp-content/uploads/2017/06/maxbotixlogo.png" alt="Small Logo" />
<button type="button" class="navbar-toggle side-effect" onclick="openNav()">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- END Side Menu -->
<div class="container">
<div style="overflow-y: scroll; height: 100vh; display: none; z-index: -9999;" class="scroll-helper"></div>
<ul id="menu-topbar-menu" class="topmenu">
<?php
if ( is_user_logged_in() ) {
echo '<li><a href="' . get_permalink( get_option('woocommerce_myaccount_page_id') ) . '">My Account</a></li>';
echo '<li><a href="' . wp_logout_url( '/' ) . '">Logout</a></li>';
} else {
echo '<li><a href="' . get_permalink( get_option('woocommerce_myaccount_page_id') ) . '">Login</a></li>';
} ?>
<li><a href="#"><span class="ask-q">Ask a Question</span> <i class="fa fa-question-circle"></i></a></li>
<li><span class="follow-text">Follow MaxBotix:</span>
<div class="like-wrap">
<div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button" data-action="like" data-size="small" data-show-faces="false" data-share="false"></div>
<div class="gplus-wrap"><div class="g-plusone" data-size="medium" data-annotation="none" data-href="https://developers.google.com/"></div></div>
</div>
</li>
<li class="phone-number"><a href="tel:1.218.454.076">Order by Phone: <span style="color: #ffffff;">1.218.454.0766</span></a></li>
</ul>
<div class="search-container">
<a id="cart-link" href="<?php echo wc_get_cart_url(); ?>"><span>Cart</span><i class="fa fa-shopping-cart" aria-hidden="true"></i></a>
<?php get_search_form(); ?>
</div>
</div>
</div><!-- .topbar -->
<!-- Topbar End -->
<!-- Site Header Start -->
<header class="site-header">
<div class="container">
<div class="branding">
<a href="<?php echo site_url( '/' ); ?>" class="logo">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/logo.png" alt="<?php bloginfo( 'name' ); ?>" />
</a>
</div>
<nav id="desktop-menu" class="primary-menu">
<h2 class="screen-reader-text">Main Navigation</h2>
<?php
wp_nav_menu( array(
'theme_location' => 'primary',
'menu_class' => 'menu main-menu',
'container' => false,
'fallback_cb' => false,
) );
?>
</nav>
<div id="mobile-menu" class="primary-menu mobile-menu sidenav">
<?php
wp_nav_menu( array(
'theme_location' => 'mobile',
'menu_class' => 'menu cd-navigation',
'container' => false,
'fallback_cb' => false,
) );
?>
</div>
<button aria-controls="bs-navbar" aria-expanded="true" class="navbar-toggle" type="button">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
</header><!-- .site-header -->
<!-- Site Header End -->
<?php if ( !is_page_template( 'page-templates/home.php' ) ) { ?>
<div class="breadcrumbs" typeof="BreadcrumbList" vocab="http://schema.org/">
<div class="container">
<?php if( function_exists('bcn_display') ) bcn_display(); ?>
</div>
</div><!-- .breadcrumbs -->
<?php } ?>
<!-- Main Body Start -->
<div class="main <?php
if ( is_page_template( 'page-templates/home.php' ) ) {
echo 'container-full';
} else {
echo 'container';
} ?>">
答案 0 :(得分：0)
事实证明，错误比看起来更简单。虽然经历了CSS验证器上的错误：https://jigsaw.w3.org/css-validator/我找到了几个CSS中有多余字符的地方，这些字符不应该存在，并且最有可能在IOS设备上破坏（在版本10下）。删除后，“IOS未加载CSS”问题就消失了。
答案 1 :(得分：-1)
你的链接hrefs看起来不对我：
<link rel="stylesheet" id="dashicons-css" href="//www.staging.maxbotix.com/wp-includes/css/dashicons.min.css" type="text/css" media="all">
我认为您需要包含https：//
各种浏览器可能会更加挑剔。