Question

响应式设计不能在我的手机上运行，但它在我的电脑或笔记本电脑上正常工作我正在处理此链接（http://abisyscorp.com/modelview）

    <head>
<link rel="stylesheet"   href="css/style.css"/>
<link rel="stylesheet"  type="text/css" href="css/jquery-ui.css">
<meta name="viewport" content="max-width=480px">
<meta name="viewport" content="min-width=481px">
<meta name="viewport" content="min-width=1028px">
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>

<!--<script type="text/javascript" src="js/jquery-ui.js"></script>-->
<script type="text/javascript" src="js/jquery-ui.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<script type="text/javascript" src="js/detectmobilebrowser.js"></script>
<script src="js/tuchpunch.js"></script>
</head>

的CSS

css表链接 http://abisyscorp.com/modelview/css/style.css

@media tags in this site  

    @media screen and (max-width:480px){}
    @media screen and (min-width:481px){}
    @media screen and (min-width:1028px){}

Answer 1

将其添加到您的<head>部分：

<meta name="viewport" content="width=device-width, user-scalable=false;">

并删除：

<meta name="viewport" content="max-width=480px">
<meta name="viewport" content="min-width=481px">
<meta name="viewport" content="min-width=1028px">

响应式网站设计不适用于手机

1 个答案: