【问题标题】:Wordpress enlarging images by 4/3 [closed]Wordpress 将图像放大 4/3 [关闭]
【发布时间】:2017-02-17 03:09:27
【问题描述】:

不是 Wordpress 专家,但相当精通 HTTP/HTML/CSS/Javascript/等。客户有一个不是最近年份的 Wordpress 网站,我想进入,做最少的工作,然后退出。一个页面需要一张图片,所以我把它上传到“媒体库”。按下按钮和装饰物将其插入页面,查看结果,然后...图像看起来很模糊。

几个小时后,我了解到在 Wordpress 上有大量关于模糊图像的问答,但 AFAICT 与我的问题无关。当我在浏览器中查看图像时,它确实被精确地放大了 4/3 (1.33333...)。

让我抓狂的是,我选择了一个浏览器,加载页面,进入控制台调试器,它同意图像以 4/3 渲染,但也确切知道正确的原始尺寸是多少。很好,但我应该能够看到 为什么 它以 4/3 呈现。我找不到任何导致此问题的相关 CSS 参数。我已经修改了可枚举的组合,包括我将 img 推入一个 div 并设置该 div 的宽度等的详细说明。每一次,浏览器都会平静地放大图像。在 Firefox 的控制台调试器中,“盒子模型”视图显示的是实际的原始尺寸,而不是放大后的模糊尺寸。

我觉得我已经通过使用 Ctrl-U 或浏览器调试器查看结果来消除 PHP 和 Wordpress。但显然有人已经掌握了一个我不理解的技巧,所以我不确定是否将其视为 Wordpress 问题、CSS 问题或什么。所以我提出这个问题,以防 4/3 的神奇比例因子对立即知道问题所在的人敲响警钟。让我知道是否需要其他信息来定位问题。

【问题讨论】:

  • 您有我们可以查看的网址吗?闻起来像 CSS 问题。
  • 我同意。但我感觉我必须要学习一个新的 CSS 技巧,因为我肯定看不到问题所在。我将制作一个特殊页面来显示问题:teamsurvivornw.org/test
  • 嗯,你用的是什么浏览器?在 Chrome 和 Safari 中尺寸看起来正确。
  • 我用过火狐和IE。如果您通过右键单击它们中的任何一个来询问显示图像的尺寸,它们将报告原始位图的实际尺寸。但是,请注意,它实际上是以 4/3 大小呈现的。你是说你在你的 Apple 机器上看到它实际上渲染是正确的尺寸?
  • 我刚刚在运行 Win10 的虚拟机上的 IE11 中检查了它,它的大小是正确的。这听起来可能很愚蠢,但您确定您没有意外启用浏览器的缩放功能吗?另外,您究竟是如何测量渲染尺寸的?

标签: html css wordpress image


【解决方案1】:

这可能听起来简单愚蠢,但有时,我们都倾向于错过一些琐碎的事情:

将图片插入页面时,有一个名为附件详细信息的列(最右侧)。在此列的下方,有一个 Size 下拉菜单。你试过调整它吗? HTH。

【讨论】:

  • 猜得好,但是尺寸下拉菜单设置为“全尺寸”并且确实显示了原始位图的正确尺寸。
【解决方案2】:

我刚刚在运行 Win10 的虚拟机上的 IE11 中检查了它,它的大小是正确的。这听起来可能很愚蠢,但您确定您没有意外启用浏览器的缩放功能吗?

【讨论】:

  • 再次感谢,非常感谢您花时间解决我的愚蠢错误。
  • 没问题。我自己也犯了同样的错误,并且有两个客户犯了同样的错误,所以你并不孤单!
猜你喜欢
  • 2023-03-11
  • 1970-01-01
  • 2021-01-19
  • 1970-01-01
  • 2014-07-20
  • 1970-01-01
  • 1970-01-01
  • 2016-10-29
  • 1970-01-01
相关资源
最近更新 更多