2010-04-07 3 views
2

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

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

Спасибо!

ответ

1

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

+0

звучит как взломать. Я заинтересован в правильном стиле css/html. Я не собираюсь манипулировать фоновыми изображениями с помощью php. – sarsnake

+0

Назовите это «взломать», но вы попросили максимально гладкий способ сделать это. Это сайт программирования, поэтому я просто предположил, что вы задаете вопрос программирования. –

+0

Это вопрос макета - макеты выполняются с помощью html и css. Но даже если я буду использовать ваши советы, это сбивает с толку и недостаточно детализировано - разрешение экрана является параметром клиентской стороны, php работает на стороне сервера, поэтому вы должны быть более конкретным в своем ответе. Обычно макеты оптимизированы для одного разрешения экрана и кодируются для изящества для других. Я спрашиваю, что люди делают для оптимизации экрана 1024x768. – sarsnake

Смежные вопросы