我的网站未响应我的主机服务上的移动媒体查询

时间:2019-07-23 19:08:56

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

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

看到,当我只是最小化PC(支架或网站)上的屏幕时,它会响应我想要的方式。但是当我继续检查网站时,移动屏幕视图消失了。这就是我通过手机进入网站时的外观。

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

有人可以检查我的代码并在这种情况下帮助我吗???由于我似乎找不到答案,这使我非常沮丧。

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

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

(尝试详细说明)

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

1 个答案:

答案 0 :(得分:2)

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

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

更多有关响应式元标记的信息-https://css-tricks.com/snippets/html/responsive-meta-tag/

添加后,这就是我在浏览器中启用Inspect Element的状态

enter image description here

由于您的问题缺乏有关该网站在移动设备上的外观的任何解释,因此我认为这就是您希望该网站的外观。