Как разместить фоновое изображение полной ширины?

Question

Работая с бутстрапом, мне удалось разместить фоновое изображение полной ширины. Вопрос в том, какое разрешение должно быть создано в изображении?

Должно ли это быть 1600x1200 и разрешить бутстрап-каркас? но как насчет более высоких разрешений?

В результате я стараюсь, чтобы, как на этой странице: http://www.indochino.com/product/white-casual-shirt

Изображение, как знамя. Если я правильно понял, они создали 1600x1200 изображений.

Answer 1

Используйте увеличенное изображение, а затем используйте обложку background-size для CSS3. Он полностью заполняет div/body фоновым изображением, которое вы предоставили. Другими словами, он автоматически изменяет размер фонового изображения, чтобы он соответствовал элементу независимо от его размера.

#div { 
background: url("someimage.jpg"); 
background-size: cover; 
} 

или

#div { 
background: url("someimage.jpg"); 
background-size: 100% 100%; 
}