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

【问题标题】：responsive website design is not working on mobile phone响应式网站设计不适用于手机
【发布时间】：2014-07-16 17:46:34
【问题描述】：

响应式设计无法在我的手机上运行，但在我的电脑或笔记本电脑上运行良好我正在处理这个链接 (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){}

【问题讨论】：

为什么这个问题会得到支持？您能否发布导致问题的 CSS，而不仅仅是链接到您将在获得答案后修复的网站，这会使问题对新读者毫无用处。

标签： html responsive-design

【解决方案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">

【讨论】：