Pinch zoom on mobile - idea?

Configuration
1

I was wondering if anybody knows how to enable a pinch zoom on mobile.
the attribute that needs to be changed inside the <head> is

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

to

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

I was thinking maybe its possible to create a js file that would insert this attribute in the <head> of the html and put that js file in the www folder, then call out the path to that file in the resources portion on lovelace?

Thanks

1 Like
2

Not sure if this is what you are looking for, on my Android phone, I can pinch zoom HA in Chrome browser, goto Chrome, Settings, Accessibility, check Force enable zoom.

3

oh cool, but not sure how this plays with ios safari devices

4

I remember that also work for iphone chrome, not sure about safari though.

5

It works now on .117 :grinning: