javascript - 我的 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/ .它在桌面浏览器中正常显示，但在移动浏览器中不显示。我已经检查了我的安卓手机。我发现这个答案 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 */;}
}