Scaling web front end

Question

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

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

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

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

Answer 1

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

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

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

Answer 2

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