Если эта таблица стилей применяется также и к другим типам устройств (а то и ко всем сразу) - перечислите их в атрибуте 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 вышла на своё собственное решение проблемы того, что при возросшем числе портативных устройств лишь незначительная часть веб-сайтов приспособлена к показу страниц на них. Будь Сеть идеальной - Опере бы не пришлось "тянуть на себе" все эти уловки, нужные для втискивания страницы в узкий экран. Однако мы искренне надеемся, что всё большее число веб-авторов станет проявлять интерес к созданию своих собственных приёмов, способных помочь созданию действительно качественного дизайна для "наладонников". Сделать так, чтобы веб-сайты выглядели превосходно и на небольших экранах, сложно, но всё-таки нет ничего невозможно.

Поделитесь этой записью или добавьте в закладки