"Make responsive" not working for home screen web apps in iOS 11. Any fix?

It seems iOS 11 breaks the viewport scaling for home screen web apps. Tried it on iOS 9, and it works as expected though.

I published the .html (uploaded here for testing as home screen web app), and only added these meta tags to make it mobile web app capable:

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
<meta name="apple-mobile-web-app-capable" content="yes" />

The page gets stuck on the same size after it scales down, like this:

How to fix it for iOS 11?