CSS 11이 작동하지 않습니다.

Question

저는을 사용하여 앱을 작성하고 있습니다. 입니다. 태블릿 및 터치 지원 기기에서 실행됩니다.

나쁜 시력과 어색한 손가락을 가진 사용자에게는 확대/축소 앱에의 기능을 부여하고 싶습니다. 사용자가 줌 버튼 클릭 할 때 실행되는 스크립트, 을 사용하고이 작업을 수행하려면 여기 하면 코드

<!--code start --> 
$scope.zoomLevel+= 0.1; 

$('body').css({ 
    zoom: $scope.zoomLevel 
}); 

이 크롬에서 완벽하게 작동, 하지만, 전혀 아무것도하지 않는에게 있습니다 IE11.

저는 트위터 부트 스트랩, 각도 및 jquery을 사용하고 있습니다. jsFiddle에서 그것을 테스트 할 때

나는 IE에 줌을 사용하여 완벽하게 수 있어요, 그래서 나, 또는 타사 라이브러리가 IE에서 줌 속성에 영향을 미치는 속성을 설정하고 있음을 추측하고있어.

• 이것은 무엇입니까?

추신 : 저는 파이어 폭스에서 작동하지 않아도 상관 없어요. 이 응용 프로그램은 항상 IE11에서 실행됩니다.

Answer 1

zoom 속성은 오늘날 실제로 활용되어서는 안되는 이전 기능입니다. 브라우저 간 지원이 좋지 않고 공식 표준이 아니기 때문에 IE 팀의 엔지니어 인 I는 앞으로 표준을 준수하는 표준을 찾을 것을 권장합니다.

버전 9부터 Internet Explorer는 CSS 변환과 축척 기능을 지원합니다. 이 특정 기능은 브라우저 간 지원 기능이 훨씬 뛰어나며 사용자의 요구에 충분히 적합합니다. 저는 경험의 유사성을 확인하기 위해 줌과 스케일링을 나란히 보여주는 작은 바이올린을 만들었습니다.

는 바이올린 : 코멘트에 논의 후 http://jsfiddle.net/jonathansampson/hy5vup49/2/

, 당신은 zoom 및 변형 스케일링 사이의 유효한 레이아웃의 차이를 지적했다. zoom 크로스 브라우저 효과를 얻으려면 프로젝트에서 em 또는 rem 단위를 사용하고 글꼴 크기 상속을 확대 메커니즘으로 활용하는 것이 좋습니다.

바이올린 : http://jsfiddle.net/jonathansampson/024krs33/이