我的html网站没有在移动设备中显示

Question

我在我的网站上使用以下CSS链接代码：

<link rel="stylesheet" href="index_files/front.css" media="all" type="text/css" >

以及以下代码

<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">
<meta http-equiv="cleartype" content="on">

以下是我的网站链接 - http://www.etutorbd.com/shopi/。它在桌面浏览器中正常显示，但它没有在移动浏览器中显示。我已经检查了我的Android手机。我发现这回答My phone is not displaying the mobile oriented version of my site，但这对我不起作用。我没有发现任何控制台错误。我有一个问题，如“错误：无法在'XMLHttpRequest'上执行'发送'”。但我已经解决了这个问题。我在这做错了什么？是否有任何jQuery或CSS媒体类型问题。

Answer 1

您必须从HTML正文中删除它：

overflow: hidden; height: 100%; font-size: 81.44%;

如果您真的需要它，请将其添加到您的CSS中，然后使用媒体查询在移动尺寸上禁用它

编辑代码：

body{overflow:hidden /*use it only if needed, otherwise remove it */}
@media(max-width:768px){
body{overflow: auto; height: 100%; font-size: 81.44% /* change if needed */;}
}