我的网站在某些移动浏览器上无法响应？答案

【问题标题】：my website is not working as responsive on some browsers of mobile?我的网站在某些移动浏览器上无法响应？
【发布时间】：2018-06-25 12:21:51
【问题描述】：

我有一个网站

www.harryenglishclub.com

它在计算机上运行良好，并且在更改为移动视图时也显示响应，但在一个移动设备上它在operamini 中运行良好，但在 google chrome 中却没有。和

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

已添加到我的标题中。

【问题讨论】：

我刚刚对您的网站进行了审核，但没有显示您的主页上有 <meta name="viewport"> 标签，包括宽度或初始比例。我的建议是创建每个页面都包含的 metaHeader。

标签： html responsive-design web

【解决方案1】：

这是我在查看 www.harryenglishclub.com 的源代码时看到的

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title>www.harryenglishclub.com</title> 
</head>
<frameset rows="100%,*" border="0">
  <frame src="http://www.chamanvatikagurukul.in/hec" frameborder="0" />
  <frame frameborder="0" noresize />
</frameset>

<!-- pageok -->
<!-- 10 -->
<!-- -->
</html>

您正在拉入一个外部站点并将其放在<frameset> 中。

尝试在父文档的头部添加视口元标记。它似乎在检查员中对我有用，但我无法在移动设备上确定。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>www.harryenglishclub.com</title> 
<meta name="viewport" content="width=device-width, initial-scale=1">

</head>
<frameset rows="100%,*" border="0">
  <frame src="http://www.chamanvatikagurukul.in/hec" frameborder="0" />
  <frame frameborder="0" noresize />
</frameset>

<!-- pageok -->
<!-- 10 -->
<!-- -->
</html>

祝你好运！

【讨论】：