响应式网站设计不适用于手机 [英] responsive website design is not working on mobile phone
本文介绍了响应式网站设计不适用于手机的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
响应式设计不能在我的手机上运行,但它在我的电脑或笔记本电脑上正常运行
i正在使用此链接( http://abisyscorp.com/modelview )
responsive design is not working on my mobile phone but its working fine on my pc or laptop i am working on this link (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){}
推荐答案
将此添加到< 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">
这篇关于响应式网站设计不适用于手机的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文