Масштабирование веб-интерфейса - PullRequest
0 голосов
/ 01 июня 2010

У меня есть веб-макет, изначально разработанный для использования с телевизорами (работающий с устройства с неизвестным браузером). Мы определяем, какое разрешение у телевизора, затем подаем соответствующий файл CSS и изображения. Эти css-листы и изображения были масштабированы специально для трех поддерживаемых нами разрешений - 576, 720 и 1080.

Теперь у меня есть радостная задача - заставить его работать с вашими стандартными браузерами - IE, FF, Chrome. Мне просто интересно, как я масштабируюсь до разрешения ПК (1024x768), чтобы это работало в этих браузерах. У меня нет отдельного листа CSS и изображений для этой задачи, поэтому я думаю, что мне нужно либо масштабировать лист CSS по умолчанию на лету с помощью некоторого JavaScript, либо, возможно, воспользоваться преимуществом масштабирования браузера (ctrl + / ctrl-). Последнее предложение было проигнорировано, так что я думаю, что мне нужно это сделать другим способом.

Проблема в том, что изображения являются спрайтами, и все они являются фоновыми изображениями, поэтому я не знаю, сработает ли их масштабирование.

У кого-нибудь есть предложения?

Ответы [ 2 ]

0 голосов
/ 01 июня 2010

Для масштабирования страницы с помощью JavaScript (вероятно) потребуется больше времени, чем для простого написания нового CSS. «PC Resolution» - это не просто 1024x768, вы должны предполагать, что это жидкость.

Мое предложение. Включите одну из существующих таблиц стилей, затем создайте новую таблицу стилей, которую вы добавите после нее, переопределяя нужные вам части. Здесь вам могут помочь Firefox + Firebug или Chrome / Safari с помощью веб-инспектора.

Хотя это и не входит в ваш первоначальный вопрос, я бы сказал, что попытка вслепую перенести меню, основанное на телевизоре (которое, как я полагаю, использовалось с помощью пульта дистанционного управления), в Интернет, возможно, является плохой идеей, и вам лучше потратить время на его восстановление. для Интернета, а не просто для того, чтобы разместить его на экране.

0 голосов
/ 01 июня 2010

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

...