Проблема макета фонового изображения

Question

Клиент хочет иметь изображение, которое занимает весь экран, при наведении мыши на меню появится.Проблема заключается в вертикальном выравнивании по высоте для экранов разных размеров .... Какое решение этой проблемы будет наиболее распространенным?Давайте предположим, что наиболее распространенное разрешение экрана для аудитории сайта составляет 1024x768, но оно должно хорошо смотреться и на меньших разрешениях (особенно для ноутбуков).

Моя первоначальная идея состояла в том, чтобы использовать изображение, такое как 1000x600, и черный фон.... есть другие идеи?

Спасибо!

Answer 1

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