Якщо ця таблиця стилів застосовується також і до інших типів пристроїв (а то й до всіх відразу) - перерахуйте їх в атрибуті media, розділивши назви комами. І не забудьте явно вписати туди ще й handheld. Наприклад:

Якщо серед підключених таблиць стилів знайдеться хоча б одна, що має атрибут handheld - Opera відключить внутрішній режим SSR, і почне застосовувати всі таблиці стилів, написані для портативних пристроїв (включаючи таблиці без вказівки типу пристрою або таблиці з media = "all"). Opera не буде завантажувати зовнішні таблиці стилів, містять директиви @ media або @ import rules до тих пір, поки не прийнято рішення про вимикання режиму відображення "розтягнути на весь екран". Отже, ви повинні безпосередньо в самій HTML-сторінці явно вказати на наявність стилів для портативних пристроїв.

Завершивши роботу над дизайном, протестуйте його. Якщо вам недоступно портативне пристрій зі встановленим на ньому браузером Opera - емулює поведінка "наладонника" на настільному ПК, запустивши сторінку в Опері та натисніть Shift + F11.

Погляньте на приклад

Для ілюстрації представленого вище підходу (адаптація дизайну під специфіку "надолонників") ми створили таблицю стилів для ALA (з media = "handheld"), забезпечивши її коментарями. Файл доступний за адресою/d/pocket/handheld.css. Ви можете оцінити працездатність, переглянувши/d/pocket/у відповідному браузері.

Opera вийшла на своє власне вирішення проблеми того, що при збільшенні портативних пристроїв лише незначна частина веб-сайтів пристосована до показу сторінок на них. Будь Мережа ідеальною - Опері б не довелося "тягнути на собі" всі ці хитрощі, потрібні для втісківанія сторінки у вузький екран. Однак ми щиро сподіваємося, що все більше число веб-авторів стане проявляти інтерес до створення своїх власних прийомів, здатних допомогти створення дійсно якісного дизайну для "надолонників". Зробити так, щоб веб-сайти виглядали чудово і на невеликих екранах, складно, але все-таки немає нічого неможливо.

Список літератури

Для підготовки даної роботи були використані матеріали з сайту http://www.webmascon.com/