Welcome, Guest
Username Password: Remember me

Bug with zoom function on iPhone?
(1 viewing) (1) Guest
  • Page:
  • 1

TOPIC: Bug with zoom function on iPhone?

Bug with zoom function on iPhone? 12 years, 8 months ago #8130

  • JJ01
  • OFFLINE
  • Fresh Boarder
  • Posts: 3
  • Karma: 0
Hello,
actually I'm working on a mobile website with 'Mobile Joomla' (www.cabrio.de) and i found a problem with the standard iphone template.
1. I open the mobile version of the website on a iphone and click any content-site for example 'home' and zoom in (that works perfectly)
2. Now i don't zoom out but open another content-site with a click in the menue.
3. The site which is now loading is already zoomed in and it's not possible to zoom out anymore.

I think this is a bug or not?
Big thanks for hints or solutions.
Regards

Re: Bug with zoom function on Iphone? 12 years, 8 months ago #8156

  • JJ01
  • OFFLINE
  • Fresh Boarder
  • Posts: 3
  • Karma: 0
By the way it's Joomla 1.5 and the latest Mobile Joomla version.

The meta data for zooming in the index.php of the iphone template is:

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">

Any ideas?
Last Edit: 12 years, 8 months ago by JJ01.

Re: Bug with zoom function on Iphone? 12 years, 8 months ago #8161

  • dryabov
  • OFFLINE
  • Administrator
  • Denis Ryabov, Lead Developer
  • Posts: 4867
  • Karma: 105
iPhone template in MJ has
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">

(that prevents zoom at all) and your site has
<meta name="viewport" content="width=device-width, minimum-scale=1">

instead.

Re: Bug with zoom function on Iphone? 12 years, 8 months ago #8162

  • JJ01
  • OFFLINE
  • Fresh Boarder
  • Posts: 3
  • Karma: 0
Thanks for your answer but the site must be 'zoomable' and with 'user-scalable=no' zooming is not possible. Is there a way to avoid this bug/error with a active user zoomfunction?

Re: Bug with zoom function on Iphone? 12 years, 8 months ago #8285

  • dryabov
  • OFFLINE
  • Administrator
  • Denis Ryabov, Lead Developer
  • Posts: 4867
  • Karma: 105
You could try to keep width and initial-scale parameters in viewport:
<meta name="viewport" content="width=device-width, initial-scale=1">
  • Page:
  • 1
Time to create page: 0.20 seconds

By continuing to use this site you consent to the use of cookies on your device as described in our cookie policy unless you have disabled them. This site will not function correctly without cookies.

I accept cookies from this site.