I am currently facing an issue with the code I have written. I am testing it on Chrome 67 on Android 8.1 from two different sites. One site, served by Apache, has the following URL:
The other site, served by express.js, has the following URL:
Both sites are serving the same static HTML page, which includes the following code:
<!doctype html>
<html lang="en>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, height=device-height initial-scale=1 user-scalable=no">
<meta name="mobile-web-app-capable" content="yes">
<title>Viewport Test</title>
</head>
<body>
<H1>Viewport Test</H1>
</body>
</html>
The issue I am facing is that the page served by Apache does not allow zooming, while the one served by express.js does. I have tried changing the server settings for the Apache site without success. The only difference I can identify between the two is the server used (Apache vs. express.js).
Even after inspecting the HTML and network requests using Chrome developer tools, I can't seem to pinpoint the cause of this issue. I've tried troubleshooting extensively but haven't been able to find a solution. Any insights on what might be causing this discrepancy?