网站在不同的计算机上看起来不同）运行相同的浏览器答案

【问题标题】：Website looks differerent on different computer(s) running the same browsers网站在不同的计算机上看起来不同）运行相同的浏览器
【发布时间】：2021-04-16 02:47:00
【问题描述】：

好的。这个让我难住了。这是一个“问朋友”类型的问题。我的妻子是一位艺术家。她使用 GoDaddy 作为她的托管服务来展示她的作品。她使用他们的工具。她创建了一个网站，她的几幅画都在那里。她的电脑是 27 英寸 iMac，配备 MacOS 10.15.7 Catalina、retina 显示屏等。

完成后，她访问了自己的网站，发现一些她作品的图片尺寸错误。所有三个浏览器-> Firefox、Chrome 和 Safari。这是在爆破所有 cookie/缓存等之后（无处不在）

当我使用 Chrome 或 Firefox 使用我的家用计算机 (Linux Mint) 时，它看起来不错。当我使用 Chrome、Firefox、Edge 和 Explorer 使用我的工作计算机 (Windows 10) 时，它看起来还不错。当她使用 MacBook 笔记本电脑使用 Firefox、Chrome 或 Safari 时，看起来还不错。

所以只有在她的电脑上，这个网站看起来有点时髦。奇怪的是，当她使用 GoDaddy 网站创建/修改自己的网站时，“预览模式”看起来不错。

只有当她实际将任何浏览器指向她的网站时，渲染才会出现异常。

GoDaddy 技术支持建议采用通常的“清除缓存/cookies/任何内容并重新启动”。同样的问题。

我尝试更改她计算机上的 IP 地址和 MAC，但没有任何区别。

想法？

【问题讨论】：

iMac 上的显卡（设置）问题？
可能需要一些@media CSS 样式 - 27'' 可能以非常高分辨率运行。您是否尝试更改显示器分辨率或只是调整浏览器窗口的大小？
iMac 的确切型号和年份是什么？如果你用谷歌搜索，这里提到了一些 Radeon 问题
只有她的网站吗？你能把她的照片上传到另一个网站上看看吗？
我建议检查您提到的所有计算机的宽度。它们都具有相同的宽度吗？如果不是，自然会有不同的看法。也使用相对单位来表示图片的宽度和大小可能会有所帮助。

标签： html

【解决方案1】：

它可能是高分辨率的，屏幕的响应能力因屏幕大小而异

【讨论】：

【解决方案2】：

发生这种情况的原因有很多，例如 -

在浏览器中使用扩展程序或其他应用程序可能会导致此问题。

打开站点并右键单击站点并单击检查您发现更改的位置并查看代码并参考您的代码是否有任何更改？如果有变化，那么这是因为媒体查询有一个基于屏幕宽度的断点。

如果上述问题不是问题，请下载浏览器的新副本并打开该站点，然后检查并检查。

【讨论】：

嗯。这是一个很好的。对下载的文本运行 diff。我会试试的。关于下载新副本，我不知道 Mac 如何管理重新下载 Safari，但 Chrome 和 Firefox 应该很容易。
是的，我没有花时间查看无数其他网站，但只有她自己的 URL（由 GoDaddy 托管）在她的电脑上看起来很时髦。她使用 GoDaddy 的工具创建了自己的网站；将它们放置在她想要的尺寸等位置。在“预览”模式下，一切看起来都很好。然后她上传。然后她将浏览器指向她的网址，一些图片的尺寸错误，基本上破坏了她精心布置的视觉效果。
关于说：iMac 是 2015 年末的 Retina 5K。3.2Ghz 四核处理器。 AMD Radeon R9 M320 2GB 显卡。但请记住，GoDaddy 的“预览模式”是可以的，所以一定是某些东西破坏了页面的服务。