タッチパネル x IEに関する指定たち

IE10とかWin8とかMetroAppとかなんかそういう手の話です。

画面のズームを防ぎたくて、

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

こういうの書けばいけるんじゃねー？って思ってたけどいけなかった。

IEでズームさせないためには

それ用の指定がないとダメらしい。
CSSでこのように。

-ms-content-zooming: none;

はじめて見たけど・・。

-ms-content-zooming property (Internet Explorer)

ついでに

なんか調べてみると他にもいっぱい出てきた！
以下のサイトが詳しいってか公式。

タッチ操作によるスクロールとズーム (Windows)
Touch: Zooming and Panning (Internet Explorer)

ちなみにまるっとコピーして貼っておくと、こんだけあった。

プロパティ	効果
-ms-content-zoom-chaining	Specifies the zoom behavior that occurs when a user hits the zoom limit during a manipulation.
-ms-content-zooming	Specifies whether zooming is enabled.
-ms-content-zoom-limit	Specifies values for the -ms-content-zoom-limit-min and the -ms-content-zoom-limit-max properties.
-ms-content-zoom-limit-max	Specifies the maximum zoom factor.
-ms-content-zoom-limit-min	Specifies the minimum zoom factor.
-ms-content-zoom-snap	Specifies values for the -ms-content-zoom-snap-type and the -ms-content-zoom-snap-points properties.
-ms-content-zoom-snap-points	Defines where zoom snap-points are located.
-ms-content-zoom-snap-type	Specifies how zooming is affected by defined snap-points.
-ms-overflow-style	Gets or sets the scrolling behavior for elements that overflow.
-ms-scroll-chaining	Specifies the scrolling behavior that occurs when a user hits the scroll limit during a manipulation.
-ms-scroll-limit	Specifies values for the -ms-scroll-limit-x-min, -ms-scroll-limit-y-min, -ms-scroll-limit-x-max, and -ms-scroll-limit-y-max properties.
-ms-scroll-limit-x-max	Specifies the maximum value for the scrollLeft property.
-ms-scroll-limit-x-min	Specifies the minimum value for the scrollLeft property.
-ms-scroll-limit-y-max	Specifies the maximum value for the scrollTop property.
-ms-scroll-limit-y-min	Specifies the minimum value for the scrollTop property.
-ms-scroll-rails	Specifies whether scrolling locks to the primary axis of motion.
-ms-scroll-snap-points-x	Defines where snap-points will be located along the x-axis.
-ms-scroll-snap-points-y	Defines where snap-points will be located along the y-axis.
-ms-scroll-snap-type	Specifies what type of snap-point should be used for the current element.
-ms-scroll-snap-x	Specifies values for the -ms-scroll-snap-type and -ms-scroll-snap-points-x properties.
-ms-scroll-snap-y	Specifies values for the -ms-scroll-snap-type and -ms-scroll-snap-points-y properties.
-ms-scroll-translation	Specifies whether vertical-to-horizontal scroll wheel translation occurs on the specified element.
touch-action	Specifies whether and how a given region can be manipulated by the user (for instance, by panning or zooming).
-ms-touch-select	Toggles the "gripper" visual elements that enable touch text selection.

そして私は調べるのをやめた・・(˘ω˘ )