All Questions
21
questions
0
votes
1
answer
25
views
How to disable pinch zoom but allow pan with CSS
I am working on a PWA, in which I want to disable pinch zoom on the whole UI and only allow it on certain elements within the page.
Relevant CSS:
* {
touch-action: pan-y;
}
Not sure if relevant ...
- 668
0
votes
1
answer
103
views
How to recreate browser zoom in javascript?
Since there seems to be no way to directly set browsers' zoom level via js, I thought to override the browser zoom and code my own.
This code works correctly when starting from scale = 1, but I'm ...
- 134
0
votes
0
answers
11
views
Layout breaks on zoom in with "cmd +" but not with zoom in with mousepad
My simple portfolio site breaks when I zoom in, when I zoom with the mousepad nothing happens, it only breaks when I zoom with "cmd +" Any idea? Here's the repo
Whats the technical ...
1
vote
2
answers
2k
views
How to prevent Pinch IN Zooming of Image using Pinchzoom.js
So I have this scenario where I am using Pinchzoom.js library for zooming images. It is perfectly working and the library is very good. But I have a scenario where the PINCH IN gesture (on mobile) ...
- 8,253
5
votes
1
answer
1k
views
PinchZoom.js not working on iOS devices after 13.4 update by Apple
So I have run into a problem again with this plugin- PinchZoom.js which started happening after the 13.4 update by Apple for iOS devices.
The problem is that the double tap feature has suddenly ...
- 8,253
5
votes
2
answers
1k
views
PinchZoom.js not compatible with Owl Carousel on iOS devices
So I have been wrapping my head(again) on this problem that I encountered. I have pinpointed my problem to the Owl Carousel v2.2.1 plugin not being compatible with PinchZoom.js v2.3.4.
I also took ...
- 8,253
1
vote
0
answers
603
views
pinch zoom with no javascript
How can I achieve pinch-zoom functionality on a mobile device at a local level (i.e. not the whole page) without needing to use Javascript? So far I can pinch-zoom the whole page through the use of ...
- 9,372
1
vote
0
answers
294
views
Mobile web - detecting pinch zoom level on touchstart event
The following code produces a 9x9 grid that stretches over the entire screen.
let grids = document.querySelectorAll('.inner-square');
grids.forEach((g)=>{
g.addEventListener("touchstart",...
- 8,863
-2
votes
1
answer
63
views
Prevent full page zoom
I have a page with a svg map at the half top area and an index at the half bottom area. This page is going to be displayed on touch screen. I want to isolate the index (bottom area) from being zoomed ...
- 381
1
vote
1
answer
2k
views
Enable PInch zoom on just img elements
I have a problem with getting images to zoom on ipad (especially in chrome). I've found tons of solutions online but nothing is working for me. I've change the meta tags for the viewport to be "user-...
- 99
0
votes
1
answer
296
views
Lightboxed images get distorted when double-tapping or pinch-zooming
I'm using Photoswipe Masonry Gallery plugin (WP), but when the images are double-tapped or pinch-zoomed, they get distorted.
Any idea what is causing this? It's not a plugin issue, as it works ...
user5017650
3
votes
1
answer
443
views
Does pinch zoom trigger media queries?
I've been developing a website on my local machine that has a fixed nav menu at the top. When a browser zooms in, I use media queries to compress the space between objects in the header so all objects ...
- 43
1
vote
0
answers
49
views
What styles can be effected by pinch zoom(scaling)
I have a css issue that only pops up when pinch zoom (scaling, not actual zoom with ctrl + '+') is used. This can be seen in a mac trackpad or any pinch zoom enabled tablet.
What styles can be ...
- 7,554
2
votes
1
answer
963
views
CSS mobile version of web site is zoomed in A LITTLE BIT when loaded (only whatchable with mobile device)
I have set up a mobile web site of http://www.berlin-ra-kanzlei.de/ ... but for an unknown reason it always seems to be zoomed in just A LITTLE BIT (maybe 1 - 3%?). There is always missing some ...
- 127
5
votes
0
answers
2k
views
Is there a workaround for bug in Mobile Safari: Pinch to Zoom results in random scrolling blockage?
I have an image in a scrolling div:
<div style="
width:600px;height:400px;
overflow:scroll;
position:relative;
top:0;left:0;
-webkit-overflow-scrolling: touch;">
<...
- 2,227