Шрифты и ctrl+-

[Bassline]

Есть два блока фиксированной ширины, содержащие текст. В одном блоке тексту задан тип шрифта Arial, в другом Times New Roman.

 

Firefox

Если уменьшить масштаб (ctrl+- или колесо) на один пункт, то в первом блоке текст вплотную прижмется к правому краю (при увеличении тоже самое), тогда как во втором блоке расстояние до правого края останется как было при 100%.

Если еще на один пункт уменьшить, то в первом блоке последнее слово вообще перенесется на другую строку, во втором блоке снова останется все как есть.

 

Chrome

Почти тоже самое.

 

IE10

Идеально. Как бы не уменьшал или увеличивал масштаб, текст в обоих блоках всегда изменяется пропорционально ширине самого блока.

 

http://jsfiddle.net/ZQ6LR/1/

 

Что все это значит? И как с этим бороться, ведь верстка в некоторых случаях может ехать при зумировании.

Edited December 8, 2013 by Bassline

[npofopr]

Никак.

Не крутить колесом :-)

[Bassline]

Никак.

Не крутить колесом :-)

 

А как быть с этой статьей http://www.xiper.net/collect/weekdays-front-end-dev/the-work-in-general/tehnicheskoe-zadanie-na-verstku.html

А именно с этим пунктом:

Масштабирование страниц: страницы при масштабировании страницы в диапазоне 70-150% в браузерах IE9, Chrome 15+, Opera 12+, Safari 5, FF15+ должны выглядеть так же как и при 100%. Допускаются не большие погрешности, которые возникают из-за неправильных округлений координат браузеров.

Масштаб в IE7-8 не проверяется.

[antonKar]

Коротко: никак.

 

В нормальных дизайнах текст всегда имеет отбивку от краёв блока, поэтому эта проблема, мной по крайней мере, никогда и не рассматривалась.

 

У каждого браузера свои приколы с обработкой дробных долей пикселей, поэтому и такие результаты.

Edited December 8, 2013 by antonKar