First rule of computer problem-solving: don't use the phrase "it doesn't work". It's not helpful. Instead: What do you expect to happen? What happens instead? Can you give screenshots?
Here's what I'd do to debug:
- Connect an iPhone to a Mac. Open Safari on the Mac. Make sure the Develop menu is enabled.
- From the Develop menu, select "iPhone" (or whatever the phone is called) and the title of your page in the subsequent menu.
- The developer console will open for that window on your phone.
- Press Option-Shift-R Command-Option-R to reload the page.
- Make sure "Console" and "All" are selected, so you can see any errors that your page is outputting.
When I do this, I see the following errors:
- jQuery.Deferred exception: undefined is not an object (evaluating 'screenfull.raw.fullscreenchange')
- _createButton — Control.FullScreen.js:80
- TypeError: undefined is not an object (evaluating 'screenfull.raw.fullscreenchange')
So you've got a problem with the code in Control.FullScreen.js, i.e. the Leaflet full-screen control that you're using. There appear to be some reported issues with it on the iPhone: see https://github.com/Leaflet/Leaflet.fullscreen/issues . Try removing this plugin and trying again.
This is basic JavaScript debugging, not specific to OSM. If your developer doesn't know how to do this you should possibly get a new developer.