图片在移动设备上根本不显示，但在桌面上可以正常工作答案

【问题标题】：Images not displaying at all on mobile, but work fine on desktop图片在移动设备上根本不显示，但在桌面上可以正常工作
【发布时间】：2019-04-23 07:03:15
【问题描述】：

我的图像在桌面上正确显示，但在移动设备上却不正确。如果您在移动浏览器上请求桌面网站，它们会显示。

有什么想法吗？

这里是网站：Website here

下面是刀片模板输出的html头代码：

<!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">

    <meta http-equiv="Content-Security-Policy"
content="default-src 'self'; img-src 'self'; style-src 'self' *.fontawesome.com https://fonts.gstatic.com https://fonts.googleapis.com; font-src 'self' *.fontawesome.com https://fonts.gstatic.com;
script-src 'self' https: 'unsafe-eval' 'nonce-EDNnf03nceIOfn39fn3e9h3sdfa' *.pusher.com; connect-src 'self' *.pusher.com wss://ws-eu.pusher.com;"
>
    <!-- CSRF Token -->
    <meta name="csrf-token" content="qib265IRboiaWoQEKLlPEta69HaxCmxPqz1bBAOQ">

    <title>Crypto Bids</title>
    <link rel="shortcut icon" href="https://www.crypto-bids.co.uk/images/bids-favicon.png">

    <!-- Styles -->
    <link href="https://www.crypto-bids.co.uk/css/app.css" rel="stylesheet">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" integrity="sha384-3AB7yXWz4OeoZcPbieVW64vVXEwADiYyAEhwilzWsLw+9FgqpyjjStpPnpBO8o8S" crossorigin="anonymous">

    <link href="https://www.crypto-bids.co.uk/css/layout.css" rel="stylesheet">
    <link src="https://www.crypto-bids.co.uk/css/cookieconsent.css" rel="stylesheet" />
    <link href="https://www.crypto-bids.co.uk/css/cart.css" rel="stylesheet">
<link href="https://www.crypto-bids.co.uk/css/flipclock.css" rel="stylesheet">

    <script src="https://www.crypto-bids.co.uk/js/head.js"></script>
</head>

以下是图片示例：

<a class="navbar-brand" href="/">
    <img src="https://www.crypto-bids.co.uk/images/logo-top-beta.png" />
</a>

以及它在 b;lade 模板中的显示方式：

<a class="navbar-brand" href="/">
    <img src="{{ asset('/images/logo-top-beta.png') }}" />
</a>

如果我直接访问图像 URL，图像会显示，但不会在页面本身上显示 - 我的大脑告诉我它可能是 <head> 标签中的内容。

我一直在为这个问题摸不着头脑，有人有什么想法吗？

【问题讨论】：

标签： html laravel-5.6

【解决方案1】：

这不是真正的答案，而是更新。经过几个小时的比较 html 代码后，这个问题就神奇地消失了 - 非常非常奇怪

【讨论】：