HTML+CSS+JavaScript

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

А что изображаете? Нельзя изображение транслировать или продолжить однотонным фоном? Иногда и небольшого логотипа достаточно.

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

>а изменять его размеры нельзя? например определять разрешение программно и подгонять
>под него как-нибудь?
Можно, например при помощи JavaScript, только оно растягиваться будет по ширине - это нормально?
Можно транслировать, чтобы оно повторялось по горизонтали, например при помощи CSS-свойства background. Это особенно удобно, если правая и левая части изображения у вас соединяются без швов.

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

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

Да.

ну так что предложите? повторение не очень хочется, на JavaScript бы написать, но я его плохо знаю (