I’m building a simple html menu with unordered lists and I’m trying to prevent google chrome browser to display its magnifier every time I click a link.
The browser considers the li‘s to be too close from each other for the user to click it accurately. But I disagree!
How could I disable/cancel/prevent this behavior, other than setting a bigger padding on the li elements please? Is there even a way?
I think I found a way and it’s so stupid I don’t know how I didn’t think of it sooner…
Just change the
viewportmeta tag to disable zooming on the page and the magnifier feature won’t bother you anymore.i.e.
I tested this on Galaxy Nexus and Galaxy Note with success. Any other input and feedback is welcome!
[EDIT]
After experimenting a lot with mobile UX I’d advise to… DESIGN BIGGER BUTTONS!