Особенности отзывчивого веб-дизайна. Изображения iPhone

Модели iPhone и IPod Touch умеют автоматически масштабировать крошечный экран. Пользователь может легко увеличивать и уменьшать содержимое экрана по мере необходимости.

Многие заметили, что изображение меняется пропорционально странице, даже если оно предназначено специально для крошечного экрана. Это, в свою очередь, сокращает текст и другие элементы.

В том случае для симулятора Apple, мы можем использовать определенный мета-тег, чтобы решить эту проблему, поместив его в . Такой способ специфичен только для Apple. При помощи такого мета-тега изображение сохранит реальный размер.

Это означает, что изображение с шириной 280 пикселей будет отображаться как 280px и следовательно, занимать большую часть ширины экрана iPhone в портретном режиме.

Структура пользовательского макета

Для кардинального изменения размера, нам нужно обратиться к таблице стилей css, а сделать это более эффективно можно средствами Media Queries. Это не должно быть хлопотно, большинство стилей могут оставаться прежними, а конкретные таблицы стилей могут их наследовать.

Например, мы могли бы иметь одну основную таблицу стилей, которая будет определять все основные структурные элементы, такие как #wrapper , #content , #sidebar , а также цветовое и фоновое оформление.

Гибкая ширина может быть определена по умолчанию. Если макет стал получаться слишком узким, широким или высоким мы могли бы создать переход на новую таблицу стилей, а затем просто пересмотреть структуру макета.

Пример текстов для продвижения: Запчасти мерседес мл. Mercedes class запчасти autodoc.ru. . Bestwatch.ru промокоды скидки и промокоды.

Создание и продвижение сайтов в поисковых системах. Дизайн. Телефон (383) 286-20-83 © 2008-2011. Компания "Штальбер".
AMCMS
Работает на: Amiro CMS