All geek questions in one place

Responsive website design does not work on mobile

Responsive design doesn’t work on my mobile phone, but it works fine on my computer 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

Link to css page 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){}
+1
source share
1 answer

Add this to the <head> section:

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

And remove:

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

Source: https://habr.com/ru/post/989153/

More articles:


All Articles