Question

所以我的网站在所有设备上都很好（甚至我的朋友手机），但CSS不会加载到我的iPhone上。我可以查看CSS文件的内容但它没有被应用。有什么帮助吗？

网站：（http://www.jacksewell.uk/）

我的主人说他们什么都做不了。

主管内容：

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Jack Sewell - Home</title>

    <meta name="description" content="Jack Sewell - Freelance  web developer & designer">
    <meta name="author" content="Jack Sewell">
    <meta name="msapplication-TileColor" content="#FFFFFF">
    <meta name="msapplication-TileImage" content="assets/favicon-144.png">
    <meta name="application-name" content="Name">
    <meta name="msapplication-tooltip" content="Tooltip">
    <meta name="msapplication-config" content="assets/xml/ieconfig.xml">
    <link rel="shortcut icon" href="assets/favicon.ico" type="image/x-icon" />
    <link rel="apple-touch-icon-precomposed" href="assets/favicon-152.png">

    <link rel="stylesheet" href="assets/css/main.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    <script src="assets/js/menu.js"></script>

    </head>

Answer 1

我一直在使用这个并且还没有遇到问题 Device Specific CSS Media Queries Collection

我刚刚注意到代码中的不同favicons和tile。看看Favicon Generator 它为所有当前设备生成所有不同的图标和图块，并为您提供要使用的代码。

CSS没有在手机上加载？

1 个答案: