Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使viewport meta标记在我的响应站点上正常工作?_Javascript_Html_Css_Responsive Design - Fatal编程技术网

Javascript 如何使viewport meta标记在我的响应站点上正常工作?

Javascript 如何使viewport meta标记在我的响应站点上正常工作?,javascript,html,css,responsive-design,Javascript,Html,Css,Responsive Design,我正在建立一个网站www.bytework.dk 我添加了viewport meta标签,它通常对我来说都很好,所以这个网站在智能手机上看起来很不错。但由于某些原因,该网站完全忽略了它,并且该网站在移动设备上被缩小到了最大尺寸 我检查了所有的javascript代码,我检查了CSS。我不知道为什么它没有功能 无论我尝试使用viewport meta标记进行什么设置,它都绝对不会影响智能手机页面的外观 这是我正在使用的代码: <meta name="viewport" con

我正在建立一个网站www.bytework.dk

我添加了viewport meta标签,它通常对我来说都很好,所以这个网站在智能手机上看起来很不错。但由于某些原因,该网站完全忽略了它,并且该网站在移动设备上被缩小到了最大尺寸

我检查了所有的javascript代码,我检查了CSS。我不知道为什么它没有功能

无论我尝试使用viewport meta标记进行什么设置,它都绝对不会影响智能手机页面的外观

这是我正在使用的代码:

        <meta name="viewport" content="width=device-width, initial-scale=1">


编辑:问题似乎与我正在使用的域提供商上的某些dns设置以及他们提出的糟糕解决方案有关。

尝试在匿名窗口中打开它(如果您使用的是Google Chrome),看看是否仍在发生这种情况,或者清理您的缓存,重新启动浏览器,再试一次。

我在5种不同的小屏幕浏览器上尝试了它,但无法复制您的问题。您没有,因为它无法工作。我绝对做到了。300px屏幕尺寸。Chrome、Firefox、IE11、Safari、Opera和Edge。还有Android的Chrome。每一次它都像一个正常响应的网页一样打开。你对什么浏览器和设备有问题?android上的Chrome和windows上的每个移动仿真器Chrome都必须提供。当我打开网站时,它被缩小了,没有正确显示移动菜单或其他任何内容。我现在收到一个404错误,但我注意到你正在加载一个框架集和框架中的网站,这与HTML5不兼容。也许DOCTYPE声明可以指示浏览器使用“HTML框架集DTD”或“XHTML框架集DTD”,这样就不会导致渲染问题。抱歉,如果问题如此简单,我不会就此发表完整的frickin文章。