-1
我無法讓我的站點CSS加載到iOS設備上。我已經注意到它在我的iPhone 6上，另一個iPhone和我的客戶在他們的ipad上發現了它，並且在safari和chrome上。該網站在桌面和我們測試過的所有其他移動設備上完美加載。我已經在開發者模式下加載了iphone safari瀏覽器，並且沒有發現任何錯誤。我搜查了四周，沒有找到任何解決方案。CSS不加載IOS <版本10設備
有人建議網站.htaccess文件太大，所以我刪除了一切，但WordPress部分和CSS仍然沒有加載，所以問題不在.htaccess文件中。
我已經能夠在我測試的所有IOS設備上的browserstack.com上覆制錯誤。
該網站是https://www.staging.maxbotix.com
更新：我發現這個問題不會影響IOS設備10，只有那些擁有9和下小於20％。這有助於瞭解。
更新：我試圖停用所有插件，但這並沒有解決問題。
<!DOCTYPE html>
<html lang="en">
<head>
\t <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(); ?>
\t <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>
\t <?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">
\t <!-- Topbar Start -->
\t <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 -->
\t \t <div class="container">
<div style="overflow-y: scroll; height: 100vh; display: none; z-index: -9999;" class="scroll-helper"></div>
\t \t \t <ul id="menu-topbar-menu" class="topmenu">
\t \t \t \t <?php
\t \t \t \t if (is_user_logged_in()) {
\t \t \t \t \t echo '<li><a href="' . get_permalink(get_option('woocommerce_myaccount_page_id')) . '">My Account</a></li>';
\t \t \t \t \t echo '<li><a href="' . wp_logout_url('/') . '">Logout</a></li>';
\t \t \t \t } else {
\t \t \t \t \t echo '<li><a href="' . get_permalink(get_option('woocommerce_myaccount_page_id')) . '">Login</a></li>';
\t \t \t \t } ?>
<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>
\t \t \t \t <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>
\t \t \t </ul>
\t \t \t <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>
\t \t \t \t <?php get_search_form(); ?> \t \t \t \t
\t \t \t </div>
\t \t </div>
\t </div><!-- .topbar -->
\t <!-- Topbar End -->
\t <!-- Site Header Start -->
\t <header class="site-header">
\t \t <div class="container">
\t \t \t <div class="branding">
\t \t \t \t <a href="<?php echo site_url('/'); ?>" class="logo">
\t \t \t \t \t <img src="<?php echo get_template_directory_uri(); ?>/assets/img/logo.png" alt="<?php bloginfo('name'); ?>" />
\t \t \t \t </a> \t \t \t
\t \t \t </div>
\t \t \t <nav id="desktop-menu" class="primary-menu">
\t \t \t \t <h2 class="screen-reader-text">Main Navigation</h2>
\t \t \t \t <?php
\t \t \t \t \t wp_nav_menu(array(
\t \t \t \t \t \t 'theme_location' => 'primary',
\t \t \t \t \t \t 'menu_class' => 'menu main-menu',
\t \t \t \t \t \t 'container' => false,
\t \t \t \t \t \t 'fallback_cb' => false,
\t \t \t \t \t));
\t \t \t \t ?>
\t \t \t </nav>
\t \t \t <div id="mobile-menu" class="primary-menu mobile-menu sidenav">
\t \t \t \t <?php
\t \t \t \t \t wp_nav_menu(array(
\t \t \t \t \t \t 'theme_location' => 'mobile',
\t \t \t \t \t \t 'menu_class' => 'menu cd-navigation',
\t \t \t \t \t \t 'container' => false,
\t \t \t \t \t \t 'fallback_cb' => false,
\t \t \t \t \t));
\t \t \t \t ?>
\t \t \t </div>
\t \t \t <button aria-controls="bs-navbar" aria-expanded="true" class="navbar-toggle" type="button">
\t \t \t \t <span class="sr-only">Toggle navigation</span>
\t \t \t \t <span class="icon-bar"></span>
\t \t \t \t <span class="icon-bar"></span>
\t \t \t \t <span class="icon-bar"></span>
\t \t \t </button> \t \t \t
\t \t </div>
\t </header><!-- .site-header -->
\t <!-- Site Header End -->
\t <?php if (!is_page_template('page-templates/home.php')) { ?>
\t \t <div class="breadcrumbs" typeof="BreadcrumbList" vocab="http://schema.org/">
\t \t \t <div class="container">
\t \t \t <?php if(function_exists('bcn_display')) bcn_display(); ?>
\t \t \t </div>
\t \t </div><!-- .breadcrumbs -->
\t <?php } ?>
\t <!-- Main Body Start -->
\t <div class="main <?php
\t if (is_page_template('page-templates/home.php')) {
\t \t echo 'container-full';
\t } else {
\t \t echo 'container';
\t } ?>">
你好保羅我在iPhone 6測試它，並從我身邊很好地工作。 – jtorrescr
歡迎來到Stack Overflow。我們不會去外部地點看看你在問什麼。你的代碼的相關部分必須在這裏，在問題本身，作爲文本和格式正確。請參閱[問]和[如何創建最小，完整且可驗證的示例]。在你參與其中的時候，參加[遊覽]並閱讀其他[幫助]頁面可能是一個好主意，以便更好地熟悉網站。 –
很高興知道@jtorrescr。您的設備上安裝了哪個版本的IOS，以及您使用的是哪種瀏覽器。我還有其他幾個人這樣說過，但是我測試過的大多數IOS設備仍然存在問題。即使在隱身模式下進行測試也是如此。很高興知道有多少人有這個問題，有多少人沒有。 –