小编Flo*_*bin的帖子

响应式图像在移动浏览器中无法正确加载

我有一个包含标题图像的网站。

\n

然而,当我在 iOS 上的 Firefox 或 Safari 中加载网站时,这些标题图像一开始似乎没有加载。这里\xe2\x80\x99是截图:

\n

标题图像无法加载的网站屏幕截图

\n

这是相关标头的代码

\n

当我单击菜单中的不同页面时,会加载标题图像。为什么它们一开始不加载?

\n

在 Safari 中从我的 iPhone 进行调试显示以下内容:

\n

Safari 开发者工具中的网络选项卡

\n

我认为这可能与正在加载的图像是 pruimendijk_oeverwoning_2560.jpg 文件这一事实有关,这不是我试图在移动设备上加载的文件。

\n

这是相关的html:

\n
<figure class="cover">\n  <img src="/img/pruimendijk_oeverwoning_01_2560.jpg"\n       srcset="/img/pruimendijk_oeverwoning_01_768.jpg 768w,\n               /img/pruimendijk_oeverwoning_01_1024.jpg 1024w,\n               /img/pruimendijk_oeverwoning_01_1440.jpg 1440w,\n               /img/pruimendijk_oeverwoning_01_1920.jpg 1920w,\n               /img/pruimendijk_oeverwoning_01_2560.jpg 2560w"\n       sizes="(max-width: 768px)   768px,\n              (max-width: 1024px) 1024px,\n              (max-width: 1440px) 1440px,\n              (max-width: 1920px) 1920px,\n              2560px"\n       alt="Een woning in Hof van Waelsicht"\n       class="cover-img">\n</figure>\n
Run Code Online (Sandbox Code Playgroud)\n

这是相关的 scss:

\n
.cover {\n  padding: 0;\n  margin: 9rem 0 0 0;\n  @include at-least ($S) {\n …
Run Code Online (Sandbox Code Playgroud)

html css responsive-design responsive-images responsive

11
推荐指数
1
解决办法
246
查看次数

使用 jquery 选择特定的锚链接

我有这样的菜单结构:

\n\n
<ul class="menu">\n    <li class="parent">\n        <a class="menu-link" href="http://url.com/#Id">Id</a>\n    </li>\n    <li class="parent">\n        <a class="menu-link" href="http://url.com/#Id">Id</a>\n    </li>\n</ul>\n
Run Code Online (Sandbox Code Playgroud)\n\n

还有英文版本,菜单如下:

\n\n
<ul class="menu">\n    <li class="parent">\n        <a class="menu-link" href="http://url.com/en/#Id">Id</a>\n    </li>\n    <li class="parent">\n        <a class="menu-link" href="http://url.com/en/#Id">Id</a>\n    </li>\n</ul>\n
Run Code Online (Sandbox Code Playgroud)\n\n

使用scrollspy,I\xe2\x80\x99m 检测页面的哪个部分当前可见。这样我就可以获得锚链接的Id部分。现在我如何选择特定的锚链接?

\n\n

我试过这个:

\n\n
$(\'.menu\').find(":contains(\'#" + this.id"\')" ).addClass(\'active\');\n
Run Code Online (Sandbox Code Playgroud)\n\n

但这不起作用(否则我不会在这里!)。

\n

javascript anchor jquery

2
推荐指数
1
解决办法
3066
查看次数

DigitalOcean 上 Mandrill 的 SPF 和 DKIM 记录

我有一个带有 DigitalOcean 的 VPS,我正在按照Mandrill 指南设置 SPF 和 DKIM 记录。但是,它告诉我我的 DKIM 记录无效。

我得到的错误信息是:

此 TXT 记录看起来不像有效的 DKIM 记录。尝试将 v=spf1 include:spf.mandrillapp.com ?all 更改为 v=DKIM1。这是 mandrill._domainkey.cool-house.nl 的当前 TXT 记录:

v=spf1 包括:spf.mandrillapp.com ?all

您只需要将 TXT 记录更改为:

v=DKIM1; k=rsa; P = MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCrLHiExVd55zd / IQ / J / mRwSRMAocV / hMB3jXwaHH36d9NaVynQFYV8NaWi69c1veUtRzGt7yAioXqLj7Z4TeEUoOLgrKsn8YnckGs9i3B3tVFB + CH / 4mPhXWiNfNdynHWBcPcbJ8kjEQ2U8y78dHZj1YeRXXVvWob2OaKynO8 / lQIDAQAB;

我的记录是: SPF 和 DKIM 记录的屏幕截图

有谁知道我做错了什么?

email dns vps spf dkim

1
推荐指数
1
解决办法
2258
查看次数