Loading... 又到了一年一度的⑦⑧月，每到这时候我就要折腾点东西。 在前几个星期，Xemi 在为制作 [Infinity 官网（旧）][1] 的 [418][2] 页面的布局而烦恼，折腾了好几天，最后他找到了一种布局——flex，完美地解决了布局问题。 于是我就照葫芦画瓢，完成了我个人网站的[首页（伪418）][3]。 又过了一段时间，到了 21 号，七月的尾声，我突发奇想，想写一个[神作展示页][4]，给和我一样/差不多品味的 hxd 们一个可视化的安利方式。 于是我参考之前的 CSS 样式，在今日凌晨基本上完工了，但是出现了毫无预料的问题——移动端无法加载图片。 但是我那时候太困了，决定早上起来解决。 起初我以为是 filter 属性导致的，但删掉之后毫无效果。 没有移动端网页设计经验的我非常迷茫，凭直觉感觉是触发了引用的图片的防盗链措施？ 终于功夫不负有心人，我找到了[解决方案][5]，不得不感叹 meta 的作用真的非常大！ > 解决方案 使用 Referer Meta 标签控制 referer，在 H5 的 header 加入 meta > > <meta name="referrer" content="never"> > > 即可实现！ 具体的原理还请参阅原文。 最后，我想给悬浮加点sao的，于是在 GitHub 找到了一个很 NB 的 [CSS][6]，上手稍微改了改，完事了。 [1]: http://infinity.luminex.life [2]: http://infinity.luminex.life/418 [3]: https://emilelu.azurewebsites.net [4]: https://emilelu.azurewebsites.net/ga [5]: https://blog.csdn.net/qq_16559905/article/details/54317034 [6]: https://github.com/IanLunn/Hover/ Last modification：July 22, 2020 © Allow specification reprint
Comment here is closed