Question

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

有什么想法吗？

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

tariff['id']

这是图像的示例：

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

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

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

如果我直接访问图像URL，则图像会显示，但页面本身不会显示-我的大脑告诉我，可能是<a class="navbar-brand" href="/"> <img src="{{ asset('/images/logo-top-beta.png') }}" /> </a>标签中的内容。

我已经为此花了一段时间了，有人知道吗？

Answer 1

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

图像根本无法在移动设备上显示，但在台式机上可以正常工作

1 个答案: