IE8 і адаптивний зум

Багато користувачів помітили зміни в масштабуванні сторінок при використанні бета-версії Internet Explorer 8. Пов'язано це з появою функції адаптивного зума (від англ. Zoom), про який і піде мова в сьогоднішній статті.

Функція зуму дозволяє зменшувати або збільшити сторінку (тобто масштабувати) з метою поліпшення читабельності. Таким чином, функція дуже корисна на пристроях як з великими, так і з невеликими екранами, оскільки дозволяє збільшувати / зменшувати сторінку, при цьому зберігаючи оригінальний масштаб. Друга версія функції Zoom (перша була у Internet Explorer 7) покликана значною мірою оптимізувати функцію, при цьому забезпечуючи високу якість, більшу передбачуваність і стабільність.

Чого очікувати від даної функції
При використанні даної функції IE8 змінить розмір тексту і картинок, заново перемалював сторінку, щоб поліпшити читабельність. У більшості випадків ви не побачите горизонтальної смуги прокручування.

Але краще один раз побачити, ніж 100 разів почують Ось як виглядало масштабування сторінки в IE7 до 150%:



Але от всі ті ж 150% в IE8 Beta 1. Текст був згорнутий і горизонтальна прокрутка вже не потрібна.



Функція адаптивного зума в Internet Explorer 8 заснована на концепції масштабування елементів перед їх виводом. Така поведінка кардинально відрізняється від використовуваного в Internet Explorer 7: елементи масштабуються після виведення і перерісовиваеются на екрані.

Через це важливої зміни горизонтальна смуга прокрутки з'являється тільки тоді, коли фіксований розмір масштабованого вмісту більше ширини екрану. Це те ж саме, що і зміна розміру на незбільшених сторінці.

Також до цієї зміни зазнає і стиснення тексту. У IE7 довжина і розриви рядка не перераховувалися з фактором збільшення або зменшення рядка. Це призводило до ситуацій, коли рядки були занадто малі або занадто великі. У IE8 довжина рядка перераховується, грунтуючись на кількості вільного місця перед тим, як текст промальовується на екрані. Після цього вставляються розриви рядків, враховуючи нову довжину рядка.

Крім того, важливо розуміти, яким чином піддаються змінам інші елементи сторінки.



Оптимізація сайту для Internet Explorer 8
Розробникам не треба буде писати спеціальний код. Так як всі значення логічні і масштабування проводиться усередині програми, розробникам не треба побоюватися збільшення.

Якщо ви зацікавлені в поліпшенні роботи з даною функцією на вашому сайті, то ми рекомендуємо тестувати ваш сайт з різним збільшенням, дозволом і розміром вікна. Ось кілька речей, які ви повинні вирішити в першу чергу:


Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*