ipad WebApp left and right column WebView problem

Recently the company needs to develop a project, the original is a mobile phone version of the single page app (application), and then the customer feedback is good, but also want to do the ipad version.

At first, we are thinking of our single page framework to refactor, and then to the customer to do an ipad version (the basic layout is left and right column), but the duration of the drive (less than one months), and in the discussion of the technical difficulties and risk management of the framework, found not so simple, if the trade rushed to get one, Later estimates will bury a lot of pit to the development team, so took a temporary compromise method, the ipad interface is divided into two webview, left and right both sides are a single page to process, two pages of information communication, you can use the URL address parameter (when the parameters are low), You can also use Localstorage to share storage areas.

According to this idea, after you change the demo only need to load two separate webapp pages, and then the data logic what to deal with it (in fact, there are still some full-screen pop-up window what has not been solved), but in the loading time found that the single page app width is not right ... It can't be adjusted. The loaded page always occupies 768 of the width, not the actual viewport width.

Later, after a while, I found that only need to set WebView's Scalespagetofit property to No in the iOS app's project, and delete the Meta=viewport label from the page. The page appears to be normal (the width of the viewport is normal) ...

What a huge hole. The viewport result that is set for adapting to the mobile side is the culprit.

In addition there are no other solutions, welcome message ~

ipad WebApp left and right column WebView problem