Фев
29
2012

Opera 12 будет поддерживать дробные проценты в CSS

Случилось то, что так долго ждали многие. В Opera 12 улучшена поддержка расчета величин CSS в браузере.

16 лет... 16 лет многие ждали, когда закроется данный баг в движке Presto. Судя по всему, официально баг CORE-1006 еще не закрыт, видимо, проблема глубока и до конца не все доделано (еще бы, ведь столько времени разработчики бились над ней). Но точность вычислений в последней тестовой сборке была повышена.

Ни одна тема о выходе новых финальных версий Opera на крупных IT-ресурсах вроде Хабра не обходилась без вопросов о том, пофиксили ли разработчики баг с округлением дробных процентов. Именно данная проблема всегда была в числе самых часто предъявляемых претензий к Opera со стороны верстальщиков. Некоторые из них говорили о том, что Opera вторая по числу необходимых «костылей» при разработке сайтов, после Internet Explorer, именно из-за данной проблемы в обработке кода страниц.

Пришло время посмотреть на каком-нибудь примере долгожданное исправление. Для этого мы сделали специальную тестовую страницу. На ней представлены две полосы, которые находятся внутри элемента. Ширина элемента равна 1000 пискелям. Ширина первой полоски выставлена также в пикселях и равна 209 пикселям. Ширина второй полоски выставлена в процентах и равна 20,9%. От 1000 пикселей это как раз и будет 209 пикселей.

Округление дробных процентов в браузере Opera

Соответственно, две представленные полоски должны быть одинаковыми по длине. Однако, в версиях Opera, младше Opera 12 1317, полоски будут разные. Происходит это потому, что браузер округляет в меньшую сторону дробные значения, в данном случае, проценты.

Что же, очень хорошо, что проблема решена. Осталось дождаться финальной версии браузера Opera 12, который пока находится в альфа-стадии разработки. Однако, уже скоро официальные лица обещают запуск бета-релизов. Судя по графику обновления ядра, доступному на сайте компании, в ближайшее время в него будет добавлена поддержка WebRTC, CSS Media Queries, долгожданный drag and drop, Animations and Transitions в CSS3, DOM Events и других новинок.

3 комментария Комментировать

  • WIN!

  • Отлично!

    Но, помимо процентов в данной сборке еще очень много чего поправили в SVG, XML, ECMAScript, Canvas и т.д. Подробнее здесь — my.opera.com/ODIN/blog/20...february-edition

  • > CSS Media Queries

    Media Queries уже давно работает в Опере. Просто они его вроде как подновили в соответствии с обновлениями в спецификации.

Оставить комментарий

Цитировать