html - <img> 在 tumblr 帖子中查看时是模糊的,否则看起来清晰?

标签 html css tumblr

我正在使用 tumblr。我插入了一张图片,html 如下所示:

<img height="320" src="foo.png" width="400" />

我的图像确实是那个确切的尺寸,宽度(400),高度(320)。它里面有文字,如果我直接(或在我的机器上本地)访问图像的 url,它看起来很清晰。

然而,在 tumblr 帖子中,图像非常模糊。它在屏幕像素中确实有 400 像素宽,但看起来可能通过我不知道的标签上的某些 css 属性应用了一些奇怪的压缩?

我可以检查一下发生了什么事吗?

谢谢

最佳答案

我不确定是什么问题,但您可以尝试将 img 放入 div 并使用 style 修复 div 的大小而不是 img。类似

<div style="height:320px;width:400px;">
  <img src="foo.png" />
</div>

关于html - <img> 在 tumblr 帖子中查看时是模糊的,否则看起来清晰?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9029068/

相关文章:

jquery - masonry.js 不会洗牌

html - 为什么 Chrome 不为 CSS 过滤器设置动画?

javascript - 创建动态 iframe 不会使其全高并剪切页面

html - 为什么添加旋转动画会偏移我的图像?

css - 在容器 div 显示/隐藏切换的底部制作一个 div 棒?

html - 带有复选框/单选按钮 CSS 的右对齐和垂直对齐标签

Javascript插入图像作为div背景

android - 适用于 Android 的 Tumblr SDK(或 Sharekit)是否存在?

CSS:自定义光标在 BG 中悬停时设置回默认值

html - 如何将粘性导航栏强制为 "overlay"其内容