We are makeing a program in nw that runs on windows 8.1 tablets.
But some users accidentally zoom in because they used 2 fingers (touchscreen zoom).
They don't know how they can zoom out (they are 80+).
So I wanted to disable the zoom function, But I can't find how I can disable it. Is it possible? or is there a hack?
I know how I can disable the pitch zoom. But this isn't realy a pitch zoom.
Thanks!
I don't have a touchscreen myself so I can't test it, but adding the following to the HTML should do the trick:
<meta name="viewport" content="user-scalable=no"/>
let me know if it helped..
Related
I'm experimenting with fullPage.js Responsive Slides Extension.
See https://alvarotrigo.com/fullPage/extensions/responsive-slides.html.
Wondering about responsive behavior on my phone: Samsung Galaxy S6.
On this phone, I don't see the site switch to its intended mobile appearance. Specifically, the horizontal rows aren't automatically switching to a completely vertical experience, and the elements aren't resizing.
I do see that site respond accurately using Developer Tools in Chrome and other browsers.
What's up do you think? Or how would you figure out what the issue is? Thanks in advance.
That's because the site is not using the viewport meta tag and therefore the pixels are not the real phone ones.
You can use the following meta tag and see how it works as expected:
<meta name="viewport" content="width=device-width,initial-scale=1">
I have created a parallax page.
On my desktop everything works great but if I view it on a mobile device the image is blown up so far I can literally count the pixels.
I have no idea what causes this.
Even so I have no idea how to fix this....
I don't even know where to start besides Google.
I found one topic where somebody states that this is a Safari issue.
Anyone?
I can't really create a JSFiddle or something because, like you stated, it's made in WordPress.
However please see the attached images. Maybe somebody can see at least where the problem lies and maybe tell me what causes this (global indication)
Desktop:
Mobile (iPhone)
You might want to try swapping background-size:cover to background-size:contain. This will ensure the background image fits both its width and height within the window, but could create some blank space. With 'cover', the whole area is guaranteed to be filled, but the image might not be entirely contained which seems to be what's happening now.
Have you tried to add:
<meta name="viewport" content="initial-scale=1.0">
to head of your HTML?
Or if that is not enough, try:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
It tells the mobile browser to use device width and to use full initial zoom level.
I've got a site running aimed at touchscreens running Firefox (very specific I know, but it will hopefully help with a solution)
On the page in question, I've got a d3 map that I'm trying to enable pinch zooming for, however any pinch gesture is causing Firefox to set the zoom for the whole page. Is there a way to prevent the page zooming and only allow the map to zoom?
It's not an issue if I have to modify Firefox config settings but I'd prefer to avoid it and rely entirely on javascript if possible.
Thank you in advance
You might be able to do this using the viewport metatag and Hammer.js
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
This will disable the default browser zoom.
You can then use Hammer.js to capture gesture events which you will then pass to your D3.js code to zoom your map
I'm a newbie to Mac (coming from Microsoft world). I wan't to zoom in / out a webpage in Safari, but cannot find a way to do it (in Windows I would just hit ctrl + mouse wheel), but that doesn't seem to work. I don't wan't to zoom the whole desktop, just the webpage to get the fonts etc. little bit bigger. Is there some key-combination i'm missing?
Command and + at the same time. Command and - will zoom out.
If you're on a Macbook, there are some trackpad motions you can use. Otherwise, you can also use control+scroll up/down to zoom in/out (scrolling by either using two fingers on the trackpad or using a scroll button on your mouse (if you're using a Mighty Mouse then there's a motion you can use for scrolling)).
I am developing an advertisement in my application. I showed the advertisement in the webbrowser correctly. Now when double click on the webbrowser the content is zooming, But I want to programatically zoom the content of the webbrowser. (Want to zoom the content in webbrowser when the application launches, not double clicked by the user). How can I zoom the webbrowser content programatically ?..Is it possible ?
This is not directly supported by the WebBrowser control. However, you might be able to make this work by digging around in the internals of the control. I recently published a blog post which looked at suppressing pinch and double-tap zoom interactions. This was achieved by inspecting the visual tree of the WebBrowser:
\-WebBrowser
\-Border
\-Border
\-PanZoomContainer
\-Grid
\-Border (*)
\-ContentPresenter
\-TileHost
Then handling interactions on the indicated Border (*). You might be able to find a way to emulate interactions in order to cause the browser to zoom.
If you have control over the content being loaded in WebBrowserControl, you may consider adding this meta to the source.
<meta name="viewport" content="width=480,user-scalable=no"/>
What Colin said is right, you cannot otherwise capture any manipulation events. But here on changing the margin of the webBrowser control you can see the zoom. So you need not take so much of work. So you can programmatically control the zoom to some extent. And if you need the zoom to be more specific to certain area of the web page, I suggest you to go for working on javascript. I am not sure if you can do with the sdk we have.
If you want to disable the zoom on user click what Apurv said works, but it gives a weird effect on double clicking. If you are not happy with that you will need some work arounds.