чем отличается css свойство -ms-zoom от zoom

cyber_ua · August 20, 2012

Svatov · August 20, 2012

а где вы -ms-zoom увидали?...сколько себя помню такого свойства не встречал и не знаю :unsure:

cyber_ua · August 20, 2012

http://www.xiper.net/manuals/css-extensions/internet-explorer/properties/ms-zoom.html

http://www.browsersupport.net/CSS/-ms-zoom

и я проверял оно работает

Catherine · August 20, 2012

почитайте про вендорные префиксы

cyber_ua · August 21, 2012

почитайте про вендорные префиксы

я знаю что такое вендорные префиксы , но почему тут они отличаются

zoom - поддерживается ие 6+

-ms-zoom - поддерживается ие 8+

SelenIT · August 21, 2012

Потому что обычно сначала браузер вводит экспериментальное свойство с префиксом, потом оно становится стандартом, и префикс убирают. C zoom-ом исторически сложилось иначе: в IE это свойство появилось сразу без префикса, годами поддерживалось в таком виде, а потом IE вдруг решил стать белым и пушистым, сменил ориентацию в сторону стандартов и добавил к своей исторически сложившейся проприетарщине префикснутые синонимы. Случилось это в 8-й версии, поэтому -ms-всячина работает начиная с нее.

Без префикса zoom поддерживается еще вебкитами. Но, поскольку основное его практическое применение — включать hasLayout в ископаемых IE, в основном используется беспрефиксный вариант в кондкомах или через * html (*+html).

cyber_ua · August 21, 2012

хорошо тогда один вопрос

почему так работает

zooming.css({
  WebkitTransform :'scale('+scale+')',
  MozTransform : 'scale('+scale+')',
  OTransform : 'scale('+scale+')',
  zoom: scale*100+'%'//-ms-zoom
  })

а что бы так заставить работать нужно ие8 в одно место костыль вставить

zooming.css({
  WebkitTransform :'scale('+scale+')',
  MozTransform : 'scale('+scale+')',
  OTransform : 'scale('+scale+')',
  MsZoom: scale*100+'%'//-ms-zoom
  })

Edited August 21, 2012 by cyber_ua

SelenIT · August 21, 2012

В какое место? Нужно просто следить, чтобы он не падал в Compatibility mode. Ну да, надежнее всего это достигается волшебным <meta http-equiv="X-UA-Compatible" ...>.

С первым вариантом нужно поосторожнее — подозреваю, что в вебкитах он будет масштабироваться слишком резко).

cyber_ua · August 21, 2012

В какое место? Нужно просто следить, чтобы он не падал в Compatibility mode. Ну да, надежнее всего это достигается волшебным <meta http-equiv="X-UA-Compatible" ...>.
С первым вариантом нужно поосторожнее — подозреваю, что в вебкитах он будет масштабироваться слишком резко).

нет вебкит на него вообще не реагирует, http-equiv="X-UA-Compatible" не помогло

SelenIT · August 21, 2012

Имел в виду <meta http-equiv="X-UA-Compatible" content="IE=edge"> (просто не помнил наизусть, как оно точно пишется). А в вебкитах-таки работает и zoom, и transform

cyber_ua · August 21, 2012

Имел в виду <meta http-equiv="X-UA-Compatible" content="IE=edge"> (просто не помнил наизусть, как оно точно пишется). А в вебкитах-таки работает и zoom, и transform

а насчет вебкитов вы все таки правы=)

насчет заголовка я так и писал


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<style>

SelenIT · August 21, 2012

Перед доктайпом точно нет никакого барахла, типа BOM-метки? Какой режим браузера показывает F12?

cyber_ua · August 21, 2012

Перед доктайпом точно нет никакого барахла, типа BOM-метки? Какой режим браузера показывает F12?

100%

SelenIT · August 21, 2012

Я имел в виду F12 в IE . Проблема ведь в нем?

cyber_ua · August 21, 2012

в ие тоже самое

самое странное что не работает


MsTransform : 'scale('+scale+')'

SelenIT · August 21, 2012

MsTransform работает только в IE9+ (в IE10 будет работать и просто transform).

cyber_ua · August 21, 2012

ну так я в ие9 и запускаю

SelenIT · August 21, 2012

Хм, и вправду. Оказывается, работает msTransform. IE и здесь соригинальничал

cyber_ua · August 21, 2012

едистенный вариант при котором эта зараза работает

zooming.find('style').html('.IMG-map{-ms-transform:scale( '+scale*100+'%)');

Edited August 21, 2012 by cyber_ua

SelenIT · August 21, 2012

У меня вроде и так работает. И предыдущий вариант с msTransform (с маленькой буквы, кстати, вспомнил, что где-то такое уже читал).

cyber_ua · August 21, 2012

да и правда с маленькой О_о, ие в своем стиле

Viper · August 21, 2012

По поводу записи префиксов в js, Макеев говорил в одной из своих презентаций на РИТ-2012. Кому интересно:

_http://vimeo.com/channels/wstdays/47210831 (с 19:10)

cyber_ua · August 21, 2012

я так понимаю это щас не работает в ие9

 -ms-transition: all 1s ease;

SelenIT · August 21, 2012

Viper, ага, выше я давал ссылку на одну из страниц самой презентации.

cyber_ua, увы. Зато в IE10 (включая последний превью) по идее будет работать без префикса, так что -ms- тут окажется не нужен.

cyber_ua · August 21, 2012

По поводу записи префиксов в js, Макеев говорил в одной из своих презентаций на РИТ-2012. Кому интересно:
_http://vimeo.com/channels/wstdays/47210831 (с 19:10)

щас смотрю видео и поражаюсь тому чуваку , он удивляется почему не используют префикс О, они не могут сделать отображение анимации по человечески у удивляются

Sign In

чем отличается css свойство -ms-zoom от zoom

Question

Link to comment

Share on other sites

24 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information