jquery - 基于设备分辨率的 Bootstrap 3 嵌入图像大小

标签 jquery html css twitter-bootstrap retina-display

我是 Bootstrap 3 的新手,正在构建我的 personal website用它。我想在网站上包含我的电子邮件,但不是纯文本,以防止垃圾邮件。我认为嵌入图像是合理的,但不幸的是它在我的 iPhone 上看起来很模糊。

这是图片

email image

我正在考虑几个解决方案:

  1. 嵌入图像的 2x 版本并将其缩放为一半大小 设备 ppi(每英寸像素数)
  2. 根据设备 ppi 决定加载此图像的 1x 和 2x 版本
  3. 希望垃圾邮件机器人不要在意并以纯文本形式留下我的电子邮件

我可以做些什么来为高分辨率屏幕调整图片的大小?

最佳答案

使用可在 Retina 显示器上很好地缩放的 SVG 图像格式

关于jquery - 基于设备分辨率的 Bootstrap 3 嵌入图像大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24424831/

相关文章:

javascript - 从字符串中删除字符串,其中字符串的一部分可以是javascript中的数字

javascript - jQuery - 根据从选择字段中选择的值更改 id

jquery - 如何选择容器中的可见元素?

javascript - svg变换旋转精度

如果类存在,Jquery 选择框忽略

带有页脚的 jQuery DataTable 不响应

html - 在网页上显示自定义消息而不是详细消息

javascript - 在我的模板中显示数组值的总和值(jQuery 或 Underscore)

html - 如何在运行时使用 CSS 在 HTML 元素之前插入一些内容

javascript - 两个区域的垂直可拖动划分