Home/ Questions/Q 9160797
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T13:49:17+00:00

I have a simple equation reference app that I would like to make mobile

  • 0

I have a simple equation reference app that I would like to make mobile suitable, but the user cannot scroll to the front or side. This is the head:

<!DOCTYPE html> 
<html>
<head>
 <script type="text/javascript">

        function onBodyLoad()
        {       
            document.addEventListener("deviceready", onDeviceReady, false);
        }

        function onDeviceReady()
        {
        }

        </script>
 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes;" />
<meta charset="utf-8">
<title>jQuery Mobile Web App</title>
<link href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" rel="stylesheet" type="text/css"/>
<script src="http://code.jquery.com/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
</head>

I would greatly appreciate it if somebody could help me out.

Thank you in advance.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Change this:

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes;" />

    To this:

    <meta name="viewport" content="width=device-width" />

    I believe the issue is your maximum-scale=1.0 attribute. Because that conflicts with the user-scalable=yes attribute.

    More info: http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/

    • 0