読者です 読者をやめる 読者になる 読者になる

console.lealog();

@leader22のWeb系に関する勉強めもブログですのだ

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

Web HTML CSS

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.

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