【问题标题】:My website isn't responding to a mobile media query on my host service我的网站没有响应我的主机服务上的移动媒体查询
【发布时间】:2019-07-23 19:08:56
【问题描述】:

我托管了一个网站 (ninacressoni.com),在我编辑网站的方括号中,它是完全响应式的。但在线时,移动设备的响应能力消失了。

看,当我只是最小化电脑上的屏幕(括号或网站)时,它会以我想要的方式响应。但是当我在网站上继续检查时,手机屏幕视图消失了。这就是我在手机上进入我的网站时的样子。

在括号中,即使我打开检查,这种响应也会继续。但在网站本身上却没有。

有人可以检查我的代码并帮助我解决这种情况吗???这非常令人沮丧,因为我似乎无法找到答案。

我使用 Hostgator,他们使用 Cpanel。 这可能是他们的主机服务错误还是与编程有关?

Ps:已经和他们谈过了,他们的主要猜测是编程有问题(似乎不是因为在我的括号中,网站可以正常工作,并且只有在你不检查的情况下只调整屏幕大小的情况下,它才可以在线工作,检查手机屏幕上没有发生任何事情,这就是我的网站在手机上的显示方式),为了获得更高级的帮助,我需要支付额外费用。

(尝试详细解释)

有人可以帮助这个女孩吗?绝望!!!

【问题讨论】:

  • 您可能没有更新文件

标签: html css media-queries cpanel web-hosting


【解决方案1】:

您的网站缺少重要的元标记

<meta name="viewport" content="width=device-width">

更多关于响应式元标记在这里 - https://css-tricks.com/snippets/html/responsive-meta-tag/

添加后,这就是我在浏览器上看到的内容,其中 Inspect Element 处于活动状态

由于您的问题没有对网站在移动设备上的外观做出任何解释,我认为这就是您希望网站最终呈现的样子。

【讨论】:

  • 是的,没有关于外观的解释,但我提供了您可以看到的网站,对吧?
  • 他说您需要将元视口标签添加到您网站的&lt;head&gt;。没有它,无论屏幕大小如何,网站都会尝试以相同的宽度呈现。您还有很多资产未加载,请检查控制台。
猜你喜欢
  • 2023-04-05
  • 1970-01-01
  • 1970-01-01
  • 2023-03-18
  • 2014-03-01
  • 2014-07-08
  • 2012-04-22
  • 2012-01-23
相关资源
最近更新 更多