Консультацiя
UA

Кроссплатформенна верстка

verstka

Кроссплатформенна верстка

Кросплатформеність – це здатність програми або сайту однаково працювати і відображатися на різних операційних системах. Кроссплатформенная верстка повинна враховувати особливості кожної з популярних ОС і коректно функціонувати на будь-якому пристрої.

Основна увага програмістам доводиться звертати на такі елементи:

  1. Шрифти. Існує класифікація з поділом на сімейства і гарнітури. При створенні сторінки необхідно вказати, яке сімейство шрифтів повинно використовуватися в разі відсутності необхідної гарнітури на пристрої користувача. 
  2. Розміри полів, відступів і інших елементів. Зазвичай їх вказують у відносних величинах (% ширини екрану або em). Але і тут можуть виникнути нюанси, які видно вже на етапі тестування. 
  3. Позиціонування. Якщо не прописати css-позиціонування, то за замовчуванням платформа iOS може задавати інші значення, ніж інші ОС.

Як перевірити, кроссплатформенная верстка чи ні? Необхідно протестувати сайт на різних пристроях або емуляторах. Звичайно, перевага віддається живим пристроїв останніх моделей – застарілі ОС можуть не підтримувати сучасні технології верстки. Але як перевірити відображення сайту, використовуючи тільки один пристрій?  

Першим приходить в голову варіант натиснути F12 в браузері і вибрати потрібний телефон / планшет. І це неправильний варіант: відображатися буде лише поведінку сторінки на заданому розмірі екрану. Інша ОС цим методом НЕ моделюється. Наступний варіант – використовувати один з емуляторів. Так, вони платні – але “безкоштовний сир тільки в мишоловці”. Тільки так є шанс якісно протестувати верстку, не купуючи новий айфон.