Question

我在我的网站的移动版本上加载了一些图片的问题，我尝试了safari和chrome，但仍然不知道为什么它不起作用。我检查了图像的大小并且它们并不大，所以加载它们似乎不是问题。

以下是我用于排列图片的代码：

<a href="http://inkstudents.co.uk/article/photos-from-the-royal-visit">
    <img src="http://inkstudents.co.uk/image/pictureThumbnail-photos-from-the-royal-visit.png/true/x2016-06-19T20,3A13,3A49Z.pagespeed.ic.EdDYAbdtI_.webp" style="float: left; width: 24%; margin-right: 1%; margin-bottom: 0.5em;">
</a>
<a href="http://inkstudents.co.uk/article/brexit-a-leap-into-the-unknown">
    <img src="http://inkstudents.co.uk/image/pictureThumbnail-brexit-a-leap-into-the-unknown.png/true/x2016-06-16T17,3A14,3A01Z.pagespeed.ic.oGlAi5onUW.webp" style="float: left; width: 24%; margin-right: 1%; margin-bottom: 0.5em;">
</a>
<a href="http://inkstudents.co.uk/article/queen-of-the-world">
    <img src="http://inkstudents.co.uk/image/pictureThumbnail-queen-of-the-world.png/true/x2016-09-05T21,3A11,3A04Z.pagespeed.ic.Xc_aOS9u3N.webp" style="float: left; width: 24%; margin-right: 1%; margin-bottom: 0.5em;">
</a>
<a href="http://inkstudents.co.uk/article/the-oscars-are-they-out-of-touch-with-modern-society">
    <img src="http://inkstudents.co.uk/image/pictureThumbnail-the-oscars-are-they-out-of-touch-with-modern-society.png/true/x2016-06-19T19,3A29,3A20Z.pagespeed.ic.9RIRL6CubX.webp" style="float: left; width: 24%; margin-right: 1%; margin-bottom: 0.5em;">
</a>
<a href="http://inkstudents.co.uk/article/the-queen-a-fine-investment">
    <img src="http://inkstudents.co.uk/image/pictureThumbnail-the-queen-a-fine-investment.png/true/x2016-06-19T20,3A05,3A40Z.pagespeed.ic.kzZGUE6UbJ.webp" style="float: left; width: 24%; margin-right: 1%; margin-bottom: 0.5em;">
</a>
<div style="float: left; width: 49%; margin-right: 1%; margin-bottom: 0.5em;">
    <a class="twitter-timeline" data-height="230" data-width="465" href="https://twitter.com/INKstudents">Tweets by INKstudents</a>
    <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<a href="http://inkstudents.co.uk/article/globetrotting-the-atmosphere">
    <img src="http://inkstudents.co.uk/image/pictureThumbnail-globetrotting-the-atmosphere.png/true/x2016-06-16T09,3A04,3A13Z.pagespeed.ic.R-c2PGPfHp.webp" style="float: left; width: 24%; margin-right: 1%; margin-bottom: 0.5em;">
</a>
<p style="clear: both;">

非常感谢有关此问题的任何帮助

由于

Answer 1

我认为问题出在src Path中。你用逗号（，）seprator传递了两个路径。所以找不到图像路径。

尝试这种方式......

＆＃13;

<a href="http://inkstudents.co.uk/article/photos-from-the-royal-visit">
    <img src="http://inkstudents.co.uk/image/pictureThumbnail-photos-from-the-royal-visit.png/true/x2016-06-19" style="float: left; width: 24%; margin-right: 1%; margin-bottom: 0.5em;">
</a>
<a href="http://inkstudents.co.uk/article/brexit-a-leap-into-the-unknown">
    <img src="http://inkstudents.co.uk/image/pictureThumbnail-brexit-a-leap-into-the-unknown.png/true/x2016-06-16T17" style="float: left; width: 24%; margin-right: 1%; margin-bottom: 0.5em;">
</a>
<a href="http://inkstudents.co.uk/article/queen-of-the-world">
    <img src="http://inkstudents.co.uk/image/pictureThumbnail-queen-of-the-world.png/true/x2016-09-05T21" style="float: left; width: 24%; margin-right: 1%; margin-bottom: 0.5em;">
</a>
<a href="http://inkstudents.co.uk/article/the-oscars-are-they-out-of-touch-with-modern-society">
    <img src="http://inkstudents.co.uk/image/pictureThumbnail-the-oscars-are-they-out-of-touch-with-modern-society.png/true/x2016-06-19T19" style="float: left; width: 24%; margin-right: 1%; margin-bottom: 0.5em;">
</a>
<a href="http://inkstudents.co.uk/article/the-queen-a-fine-investment">
    <img src="http://inkstudents.co.uk/image/pictureThumbnail-the-queen-a-fine-investment.png/true/x2016-06-19T20" style="float: left; width: 24%; margin-right: 1%; margin-bottom: 0.5em;">
</a>
<div style="float: left; width: 49%; margin-right: 1%; margin-bottom: 0.5em;">
    <a class="twitter-timeline" data-height="230" data-width="465" href="https://twitter.com/INKstudents">Tweets by INKstudents</a>
</div>
<a href="http://inkstudents.co.uk/article/globetrotting-the-atmosphere">
    <img src="http://inkstudents.co.uk/image/pictureThumbnail-globetrotting-the-atmosphere.png/true/x2016-06-16T09" style="float: left; width: 24%; margin-right: 1%; margin-bottom: 0.5em;">
</a>
<p style="clear: both;">
    <!-- /Dropbox Daten -->

＆＃13;

Answer 2

通过删除png之后的内容来修复

图像未在移动html网站上加载

2 个答案: