How to disable IE11 WebBrowser control scaling


Tags: javascript,c#,css,.net,internet-explorer

Problem :

I have spent 2 days trying to solve this problem, and finally, I ask you, dear StackoverFlowers. I am developing an application for 27' multi-touch screens on C# 4.5 and I need a WebBrowser element within it. A user should only be able to pan the page by Y-axis and click on items. I disabled text selection, items dragging using JS; navigation using C#; but can't make it not scalable.

I installed IE11 and turned it on using registry key (FEATURE_BROWSER_EMULATION).

My HTML-file contains:

<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">

My CSS-file contains:

*
{
    -ms-user-select: none;
    -ms-content-zooming: none;
    touch-action: pan-y;
}    

But when I pinch with two fingers to zoom it still zooms. Can't get rid of this annoying function.

How to disable it using any of JS, jQuery, IE11, .NET, Windows instruments?

P.S. I am using Windows 8 and there is no "disable multi-touch gestures" in Mouse settings of control panel like in Windows 7 :<



Solution :

Many different approaches didn't give any appropriate results.

The solution was the following: uninstall Windows 8, install Windows 7 and disable multi-touch gestures.


    CSS Howto..

    How to use Auto compiler for less and sass in visual studio

    How to disable flow around elements in table (CSS)

    How to create a separated menu with logo in between

    How can I build a dynamic menu using CSS and JavaScript?

    how to get rid of firefox image border

    How to prevent text overflow when using Angular UI Bootstrap

    How can I center my ul li list in css?

    how to invoke css file in jquery

    Show dropdown menu only when hovered on span in li

    Ionic 2.0.0-beta.24 how can i import node_module css files without ionic.config.js

    How I can change the position of 3 div's to be side by side?

    How to specify background image height in div Container

    CSS: How to make link colour the same as parent div

    How Do I Add CSS Transition Effect to This

    How to add 2 jScrollPane to my page and each one has different CSS?

    Dropdown list showing vertically in Internet explorer

    Rotation of a div gives a black background on IE, how can I remove it?

    How to have a background image size (without affecting the div)?

    How do I vertically center text and have the dark blue bar go across the entire screen

    how to align divs with different width within another parent div?

    How to change css pseudo-element through javascript?

    jason lewis basset did not show icons well in laravel 4

    Show different text based on OS

    How to center and span table heading (row)

    How to change font-size of multiple elements using jQuery

    How to add JS to Wordpress and reference CSS or other scripts?

    How to set the specific prefix for file-loader in webpack?

    How to change the content of a span using css hover?

    Leaflet for R: How to change default CSS cluster classes

    How to insert instance variable as css rule in Rails?